5

私は AngularJS を使用しており、特定のインデックスの後に要素を繰り返す必要があるという要件があります。だから、私のコードは次のとおりです。

<label ng-repeat="stones in rocks">
    <a href="#">Rock {{$index}}</a>
    <i class="icon-trash"></i>
</label>

今私が望むのは、インデックス 3 の後に<i class="icon-trash"></i>のみ繰り返されることです。つまり、4 番目の石から、ごみ箱が表示されることを望みます。どうすればこれを達成できますか?

4

2 に答える 2

11

ng-showは式を取ることができます:

<label ng-repeat="stones in rocks">
    <a href="#">Rock {{$index}}</a>
    <i class="icon-trash" ng-show="$index > 2"></i><!--$index is 0-based-->
</label>

バージョン1.1.5の時点で、不要な要素を DOM から除外することができます。

<i class="icon-trash" ng-if="$index > 2"></i>
于 2013-03-11T14:38:53.500 に答える
3

ng-show を使用して、最初の 3 回の反復で単純に非表示にすることができます。

<label ng-repeat="stones in rocks">
    <a href="#">Rock {{$index}}</a>
    <i class="icon-trash" ng-show="$index>2"></i>
</label>
于 2013-03-11T14:39:49.847 に答える