UI-路由器狀態監聽器指令

Question

我在使用UI-Router的Angular中有一個ul列表。它根據$scope數據創建一個列表，並根據狀態正確標記錨點active。不過，我無法找到一種優雅的方式將li父級標記爲活動樣式。

HTML：

<ul> 
    <li ng-repeat="item in items"> 
     <a ui-sref="{{item.sref}}" ui-sref-active="active"> 
      {{item.name}} 
     </a> 
    </li> 
</ul> 

JSON：

$scope.items = [ 
    {name:'Foo Stuff',sref:'foo'}, 
    {name:'Bar Things',sref:'bar'}, 
] 

我希望有一些CSS密技，讓我的風格基礎上的子元素的類的元素。如果可能的話，我想找到一個解決方案，而不添加任何額外的框架。現在我正在使用Angular JS，UI-Bootstrap和UI-Router。所有的反饋非常感謝！

Answer 1

當然，我在問題發佈後0.69秒後發現它。這似乎很簡單，我質疑它的正確性。我剛剛將​​移至上級li。

HTML：

<ul> 
    <li ng-repeat="item in items" ui-sref-active="active> 
     <a ui-sref="{{item.sref}}"> 
      {{item.name}} 
     </a> 
    </li> 
</ul>