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>

私はこのAngularsのコードを使用しています。 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'; 
}]);

あり必要は最後に、私は{のisActive === { 'メイン'}}がclassNameの事実であるが、 'アクティブ' は

出典

2016-09-04 xiaoHao

まだ機能しません。 varibale isActiveは、$ rootScopeで定義し、$ stateChangeSuccessイベントを監視して変更します。影響を与えてもいいですか？ – xiaoHao

コードスニペットが機能していません。私の下の解決策を見てください。それでも問題が解決しない場合は、動作するコードスニペットを入力してください。 – Ashwani

ng-class属性の中で===の代わりに==比較を使用してください。 –

あなたのコードが動作する必要がありますが更新されない表現を見つけます他の場所であなたのコードに何か間違っているかもしれません。おそらくng-controllerである可能性があります。

出典

2016-09-04 08:54:32 Joy

AngularJS指令ngClassが機能していませんか？

答えて

関連する問題