-1 
<dl class="sub-nav" text-align="center">
<dt>Filter:</dt>
<dd class="active"><a href="http://localhost:9000/#/">New</a></dd>                                                
<dd><a href="http://localhost:9000/#/ignored">Ignored</a></dd>                                            
<dd><a href="http://localhost:9000/#/alerted">Alerted</a></dd>

これは私が持っているもので、URL に応じて下に移動するには class="active" が必要です。問題は、すべてが同じビューを使用しているが、異なるコントローラーを使用していることです。どうすればこれを行うことができますか？助けてくれてありがとう。

4

1 に答える 1

0

コントローラーやルートについて詳しく知らなくても、これを行う方法の 1 つは、セットアップ時に$routeProvider追加のルート データを指定して使用することです。ngClass

.when("/ignored", {
    //stuff
    action : "ignored"
})

そして、コントローラーに注入します$route

function MyCtrl(//stuff $route){
    $scope.$route = $route;
}

そしてあなたの見解

<dl class="sub-nav" text-align="center">
<dt>Filter:</dt>
<dd ng-class="{'active' : $route.current.action == 'home'}">
    <a href="http://localhost:9000/#/">New</a>
</dd>                                                
<dd ng-class="{'active' : $route.current.action == 'ignored'}">
    <a href="http://localhost:9000/#/ignored">Ignored</a>
</dd>                                        
<dd ng-class="{'active' : $route.current.action == 'alerted'}">
    <a href="http://localhost:9000/#/alerted">Alerted</a>
</dd>
于 2013-06-26T23:30:41.967 に答える