1

クリックして詳細を表示できるリスト ビューがあります。

<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-show と ng-hide を使用して、アイテムをクリックしたときに基本的に詳細を表示したり、リストにアイテムがない場合は非表示にしたりしています。

ページの読み込み時に、最初のアイテムの詳細を条件付きでリストに表示する方法を知りたいです。ありがとうございました！

4

1 に答える 1

0

次のように ngRepeat ディレクティブの $first ブール値を使用できます。

<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>

明らかに、出力される要素はさらにいくつかありますが、これはわかりやすくするために行われています。

于 2013-08-19T00:54:40.637 に答える