Директива AngularJS ngClass не работает?

<a href="#/main" class="bottom-nav-btn"> 
 
\t <img ng-src="dist/images/toolbar1.png" alt="首页" class="nav-img" /> 
 
\t <p class="nav-text" ng-class="{active: isActive==='main'}">首页</p> 
 
\t <p>{{ isActive === 'main' }}</p> 
 
</a>

Я использую этот код углам главного. Наконец я нашел выражение {{IsActive === «главный»}} верно, но имя класса «активный» не обновляется

источник

2016-09-04 xiaoHao

Все еще не работает. Varibale isActive, я определяю в $ rootScope и изменяю его, наблюдая событие $ stateChangeSuccess. Может ли это иметь влияние? – xiaoHao

Ваш фрагмент кода не работает. См. Мое решение ниже. Если это не сработает, предоставьте фрагмент рабочего кода. – Ashwani

Попробуйте использовать == сравнение вместо === внутри атрибута ng-class. –

Ваш код должен работать: JSFiddle:

<a href="#/main" class="bottom-nav-btn" ng-app="Joy" ng-controller="JoyCtrl"> 

angular.module('Joy', []) 
.controller('JoyCtrl', ['$scope', function($scope) { 
    $scope.isActive = 'main'; 
}]);

Там должны что-то не так с вашим кодом в другом месте. Скорее всего, это ng-controller.

источник

2016-09-04 08:54:32 Joy

Директива AngularJS ngClass не работает?

ответ

Смежные вопросы