У меня есть следующий якорный тег:
<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
когда я нажал эту ссылку.
Однако, что сказано... эта директива не дает результаты, которые я ищу.
Предполагаемая функция заключается в том, что когда функция истинна, active
класс будет применен к моему тегу привязки.
Поскольку я проверил, что класс работает, а функция создает правильный логический оператор, я должен иметь синтаксис для ng-класса. Тем не менее, недавно я закончил учебное пособие по Code School, посвященному Angular JS, и они используют следующий синтаксис...
ng-class="{ active: tab.isSet(1) }"
... в привязном теге. Когда функция tab.isSet(1)
оценивает значение true, класс применяется к элементу.
Почему мой равный синтаксис не дает того же результата?
Может быть, вам не хватает закрытия "}"?
<a href="#/home" ng-class="{ active: navCtrl.checkCurrent('home') }" ng-click="navCtrl.setLink('home')" class="navigation-anchor">Home</a>