ngClass没有更新类
ngClass not updating the class
我使用angularJS与bootstrap来设计我的应用程序上的导航。我已经定义了一个主控制器,在主控制器中,我使用ng-view属性调用不同的页面视图,然后这些单独的视图有自己的控制器。
我正在使用ng-class属性将活动类添加到链接中,但是,它不起作用。表达式的计算结果为真或假,但ng-class不会更新元素上的class="active"。
在我的主页上,我有以下代码-
<section ng-controller="dashBoardCtrl" class="container">
<section class="row">
<h1>DME DashBoard | <small>WFM HeadCount</small> </h1>
</section>
<section class="row">
<ul class="nav nav-tabs">
<li role="presentation" ng-class="{active: {{path=='/'}}}"><a ng-href="#/">Home</a></li>
<li role="presentation" ng-class="{active: {{path=='/login'}}}"><a ng-href="#/login">Login</a></li>
</ul>
</section>
<section ng-view></section>
</section>
这是在应用程序上配置路由的方式-
dmeDash.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: '/views/home.html',
controller: 'homePageCtrl'
})
.when('/login', {
templateUrl: '/views/login.html',
controller: 'loginCtrl'
})
.otherwise({
redirectTo: '/'
});
}]);
dashBoardCtrl有以下代码-
dmeDashControllers.controller('dashBoardCtrl', ['$scope','$location', function($scope, $location) {
$scope.path = $location.$$path;
$scope.$watch('path',function(n,o) {
})
}]);
主页控制器有以下代码-
dmeDashControllers.controller('homePageCtrl', ['$scope','$location', function($scope, $location) {
$scope.$parent.path = $location.$$path;
}]);
登录页面控制器有以下代码-
dmeDashControllers.controller('loginCtrl', ['$scope','$location', function($scope, $location) {
$scope.$parent.path = $location.$$path;
}]);
当我单击从主页到登录页面时,活动类不会从主页链接中删除,也不会应用于登录页面,但是,当我在firebug中查看代码时,当页面更改时表达式的计算结果为true或false。
当我刷新单个页面的ng-class工作正常,但不使用超链接时,请建议。
模板语法错误。应该是:
<li role="presentation" ng-class="{'active': path==='/'}"><a ng-href="#/">Home</a></li>
作为风格指南,尝试使用===
而不是简单的==
,因为类型强制。或检验真假
相关文章:
- Javascript循环不会自我更新
- 添加文字和评论功能更新Div
- AngularJS:ng之后,重复$scope值未按预期更新
- 如何通过数组更新角度子范围
- Ajax聊天消息重复而不仅仅是更新
- 通过CSV文件上载更新数据库表
- 平均值:无法将数据更新到数据库
- $rootScope未使用forEach进行更新
- d3基于用户选择动态更新节点
- 有条件更新d3.js力图中节点的最佳方法
- Angular:更新一次性绑定的数据
- Javascript更新孙窗口中的表单元素
- 使用AngularJS中的筛选器更新给定的表
- 从选项页面更新chrome扩展清单权限
- 如何在不刷新页面的情况下更新显示框
- Angular ngClass 没有更新我的类,即使我的条件按预期发生了变化
- Angular没有基于$index更新ngclass
- ngClass绑定不通过指令通信更新
- Angular 2更改检测,ngClass模型由同级组件更新,但模板确实更新了'不要精神抖擞
- ngClass没有更新类