Проблемы с использованием условного NG-класса в Angular JS?

0

У меня есть следующий якорный тег:

<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, класс применяется к элементу.

Почему мой равный синтаксис не дает того же результата?

Теги:
ng-class
anchor

1 ответ

2

Может быть, вам не хватает закрытия "}"?

<a href="#/home" ng-class="{ active: navCtrl.checkCurrent('home') }" ng-click="navCtrl.setLink('home')" class="navigation-anchor">Home</a>
  • 0
    Это была абсолютно глупая ошибка. Я собираюсь оставить здесь вопрос и дать вам принятый ответ, потому что вы этого заслуживаете, но модераторы могут думать иначе.
  • 0
    Спасибо, я бы опубликовал это как комментарий, но у меня пока недостаточно очков.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню