javascript - JADE 和 ng 类

标签 javascript angularjs node.js pug

我的导航栏中有以下表达式,我无法在 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/

相关文章:

JavaScript-更改输入标签颜色?

javascript - 使模板在单击 Angular 指令中的链接功能时可见

java - 如何将工具提示与翻译标签一起使用? AngularJS

javascript - 处理内容可编辑 div 中的插入符位置

javascript - Chart.js:为数据集设置不同的选项

javascript - 如何使用 addEventListener() 、 querySelectorAll 和 getElementsByClassName 弹出框

javascript - 从下拉菜单访问选定值

javascript - 你如何让 js_xlsx 保存所有空标题?

node.js - Mongoose unshift findAndUpdateById

javascript - 如何将 Android HTML/JS 程序连接到 LAN 服务器?