AngularJS上加載列表

Question

第一個項目的詳細信息我有一個列表視圖，讓我點擊，並顯示其詳細信息：

<li ng-repeat="item in data.items" ng-click="show(item.id)" ng-class="{'active':selectedId==item.id}"> 
    <div class="item-list">.. </div> 
... 
</li> 

我使用NG-展示和NG-躲bascially顯示細節當我點擊在項目上，或者如果列表中沒有項目，則隱藏。

我想了解如何在頁面加載時有條件地在列表中顯示第一項的詳細信息。謝謝！

Answer 1

可以使用ngRepeat指令像這樣$第一個布爾值：

<div ng-show="$first">Details</div> 

完整的示例數據如下給出：

{items:[item:{id:01, name:item1, price:1}, item:{id:02, name:item2, price:2}]} 

和HTML：

<ul> 
    <li ng-repeat="item in data.items" ng-click="show(item.id)" ng-class="{'active':selectedId==item.id}"> 
     {{item.id}} <span ng-show="$first">{{item.name}} - {{item.price}}</span> 
    </li> 
</ul> 

給出以下輸出：

<ul> 
    <li>01 <span>item1 - price1</span></li> 
    <li>02 </li> 
    <li>03 </li> 
</ul> 

很明顯，輸出的元素更多一些，但這是爲了清晰起見。