NGリピートハイライトだけがここ

Question

を訪問したときに、すべてのリンクがコードです：

<ul style="list-style: none;"> 
    <li ng-repeat="company in companies | orderBy:'name' | filter:companies_filter"> 
     <a href="#!/companies" ng-click="companySelected(company)"> 
      {{company.name}} 
     </a> 
    </li> 
</ul> 

コードが作業していて、何が起こるかは、私はただ一つの会社を選択すると、リスト内のすべての企業は、私のように強調表示されることをですそれらを訪問した。このコードに追加したものはありますか？

Answer 1

それはあなたがすべての企業にとって同じのhrefを持っているので、あなたはUI-ルータを使用している場合、あなたはたとえば、あなたのルートにPARAMを追加することができます：

$stateProvider.state({ 
    name: 'companies', 
    url: '/companies/:companyId' 
}); 

、あなたがこの方法を使用することができます。

<ul style="list-style: none;"> 
    <li ng-repeat="company in companies | orderBy:'name' | filter:companies_filter"> 
     <a href="#!/companies/{{company.id}}" ng-click="companySelected(company)"> 
      {{company.name}} 
     </a> 
    </li> 
</ul> 

このようにして、すべての企業は独自のhrefを持ちますが、これは起こりません。 明確でない場合は、どのルートlibを使用しているか教えてください。

Answer 2

hrefはすべてのリンクで同じです。それらを一意にするために、それぞれの最後に何かを追加する必要があります。何かのように：

<a href="#!/companies?id={{company.id}}" ng-click="companySelected(company)"> 

あなたのコードがパラメータで何もしないかどうかは関係ありません。

Answer 3

確かにあなたが同じhrefを設定しているが、あなたはとても似NG-クリックng-styleを使用してはいけません：FYI、私の答えはへの容易なルートである

<ul style="list-style: none;"> 
    <li ng-repeat="company in companies | orderBy:'name' | filter:companies_filter" ng-class="{ active: isActive('#!/companies/'+company.id) }"> 
     <a href="#!/companies"> 
      {{company.name}} 
     </a> 
    </li> 
</ul> 

とあなたのjsで

$scope.isActive = function (viewLocation) { 
    return viewLocation === $location.path(); 
};