麻烦在Angular JS中使用条件ng-class?

时间:2015-06-29 09:03:05

标签: javascript html angularjs anchor ng-class

我有以下锚标记:

<a href="#/home" ng-class="{ active: navCtrl.checkCurrent('home')" ng-click="navCtrl.setLink('home')" class="navigation-anchor">Home</a>

我已通过手动将active添加到此锚点的class属性来确认,我的类会生成预期结果。我还确认,nav.Ctrl.checkCurrent('home')在我点击此链接后评估为true

然而,据说...这条指令未能产生我正在寻找的结果。

预期的功能是当函数为true时,active类将应用于我的锚标记。

因为我已经检查过该类是否有效,并且该函数产生了正确的布尔运算符,所以我必须使ng-class的语法不正确。但是,我最近完成了一个关于Code School处理Angular JS的教程,他们使用以下语法......

ng-class="{ active: tab.isSet(1) }"

...在锚标签中。当函数tab.isSet(1)求值为true时,该类将应用于该元素。

为什么我的平等语法不会产生相同的结果?

1 个答案:

答案 0 :(得分:2)

也许你错过了结束&#34;}&#34; ?

<a href="#/home" ng-class="{ active: navCtrl.checkCurrent('home') }" ng-click="navCtrl.setLink('home')" class="navigation-anchor">Home</a>