Jquery mobile AngularJS+;Twitter引导:更改后部分保留更改(jQuery Mobile)

Jquery mobile AngularJS+;Twitter引导:更改后部分保留更改(jQuery Mobile),jquery-mobile,twitter-bootstrap,angularjs,views,partials,Jquery Mobile,Twitter Bootstrap,Angularjs,Views,Partials,我正在尝试使用angular和bootstrap构建一个具有三个视图的单页应用程序。我是angular的新手,希望实现以下功能: 在jQueryMBile中,可以在三个不同的页面上进行三次不同的聊天。如果我现在在A页面上,B和C页面上的聊天仍在进行。因此,浏览页面不会停止其他页面上的进程 如果我错了,请纠正我。我想知道如何在同一部分/页面上的多个视图/模板之间切换,就像在jQuery Mobile中使用data role=“page”在div之间导航一样?将jQuery Mobile与angul

我正在尝试使用angular和bootstrap构建一个具有三个视图的单页应用程序。我是angular的新手,希望实现以下功能:

在jQueryMBile中,可以在三个不同的页面上进行三次不同的聊天。如果我现在在A页面上,B和C页面上的聊天仍在进行。因此,浏览页面不会停止其他页面上的进程


如果我错了,请纠正我。我想知道如何在同一部分/页面上的多个视图/模板之间切换,就像在jQuery Mobile中使用data role=“page”在div之间导航一样?将jQuery Mobile与angular和bootstrap结合起来是个好主意吗?(我真的不这么认为)

首先,每当路线改变时,angular会刷新视图。防止这种情况发生的唯一方法是将路由中的“reloadOnSearch”参数设置为false。完成此操作后,可以向视图传递querystring参数,而无需重新加载视图。还有一个额外的警告,您必须显式地侦听“$routeUpdate”。下面是角度代码,下面是一把小提琴,它可以在不刷新视图的情况下在多个聊天之间切换。我使用ng show根据传递的querystring参数显示适当的聊天

angular.module('app',[]).config(function($routeProvider){

    $routeProvider.when('/', {templateUrl: 'view.html', reloadOnSearch:false});

}).controller('controller', function($scope, $routeParams){
    $scope.$on('$routeUpdate', function(value) {
        $scope.id =   $routeParams.id;
    }); 
}).directive('chat', function(){
    return{
        restrict:'E',
        replace:true,
        scope:{},
        controller: function($scope){
            $scope.items = [];
            $scope.submit = function(text){
                $scope.items.push(text);
            };
        },
        templateUrl:'chat.html'
    }
});

这篇文章可以帮助你。这正是我需要的!万分感谢!!很乐意帮忙。快乐编码。