我的导航栏中有以下表达式,我无法在 JADE 中工作。这对我来说似乎有效。
li(ng-class="{'active' : true}"): a(href='#') INFO SHEET
我在这里做错了什么?它根本没有按应有的方式应用该类。如果我将其更改为...
li(class='active'): a(href='#') INFO SHEET
... 就像一个魅力。
HTML 呈现如下:
<li ng-class="{'active' : true}"><a href="#">INFO SHEET</a></li>
编辑:我还尝试了以下操作:
li(ng-class='{active: isActive("/")}'): a(href='#') INFO SHEET
其中 isActive
在根 Controller 上定义为:
$scope.isActive = function(path){
return (path === $location.path());
};
我在 chrome 的函数体上设置了一个断点,它永远不会中断。控制台中也没有错误。就好像 Angular 出于某种原因没有解释它。
其他信息....
- Angular 版本为 1.3.0
最佳答案
我发现了问题。我的 ng-class 比我的 ng-controller 更外层。将 ng-app 和根 Controller 移动到 body 标签修复了一切。
关于javascript - JADE 和 ng 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27550144/