0
私は2つの州しかないウェブアプリケーションを構築しています。結果と待ち行列。私の結果状態がアクティブなとき、私は同様に私のキュー状態のために同様に強調表示したい。 _layout.cshtmlにUI-SREFを配置しています。なんらかの理由で、うまくいくはずです。UI-SREFが_layout.cshtml内で動作しない
私は動作している状態ページ内でui-srefを試しました。以下は
は私の_layout.cshtml以下
**_layout.cshtml**
<div class="menuBar">
<span class="applicationName">Results Review Application</span>
<span ui-sref="Queue" ui-sref-active-eq="activeState">Queue</span>
<span ui-sref="Result" ui-sref-active-eq="activeState">Result</span>
</div>
は私のルーティングコードである:(
(function() {
angular.module('resultReview')
.config(['$stateProvider','$urlRouterProvider', function ($stateProvider,$urlRouterProvider) {
$stateProvider
.state('Result', {
url: '/Result',
templateUrl: 'ResultReview/ResultPage'
})
.state('Queue', {
url: '/Queue',
templateUrl: 'ResultReview/ReviewTable'
});
$urlRouterProvider.otherwise('/Queue');
}]);
}))
私は時にspan要素のスタイルを変更したいです状態の変更
以下は、 "activeState"クラスの私のCSSコードです
.activeState {
background-color:white;
text-decoration:underline;
}
この点で任意のヘルプは高く評価され
はありがとうございました!