2017-04-19 1 views
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; 

}

この点で任意のヘルプは高く評価され

はありがとうございました!

答えて

0

この問題を解決するための解決策は、_layout.cshtmlのhtmlタグにngAppディレクティブを含めることです。

問題が解決しました。

私のような人を助けることを願っています。

関連する問題