Question

我正在构建一个Web应用程序，我只有两个状态即。结果和队列。当我的结果状态处于活动状态时，我希望它同样以我的队列状态突出显示。我将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;

}

赞赏这方面的任何帮助

谢谢！

Answer 1

我要解决此问题的解决方案是我将ngApp指令包含在我的_layout.cshtml的html标记中。

这样做解决了我的问题。

希望能帮助像我这样的人。

UI-SREF无法在_layout.cshtml中运行

1 个答案: