Angularjs - 如何正確使用ng-repeat

Question

我在角度應用上使用ng-repeat和ng-switch，但我在打印方式上遇到了一些小問題。

下面的代碼，以便它更清晰：

<div class="test" ng-repeat="data in dataTest track by data.id" ng-switch="data.id"> 
     <div ng-switch-when="0"> 
     <p>{{data.id}}</p> 
     </div> 
    </div> 

中繼器的工作原理，問題是，我有這個結果打印爲最終結果：

<div class="test" ng-repeat="data in dataTest track by data.id" ng-switch="data.id"> 
    <div ng-switch-when="0"> 
    <p>0</p> 
    </div> 
</div> 

<div class="test" ng-repeat="data in dataTest track by data.id" ng-switch="data.id"></div> 

<div class="test" ng-repeat="data in dataTest track by data.id" ng-switch="data.id"></div> 

<div class="test" ng-repeat="data in dataTest track by data.id" ng-switch="data.id"></div> 

<div class="test" ng-repeat="data in dataTest track by data.id" ng-switch="data.id"></div> 

<div class="test" ng-repeat="data in dataTest track by data.id" ng-switch="data.id"></div> 

這裏的問題是相當很明顯：我不希望所有這些空divs，但我只想要一個，匹配ng-switch-when匹配id = 0的那一個。

我該怎麼做？哪裏是最好的地方t把ng-repeat，以便它不打印空容器？

我試着在不同的位置移動它，但我最終總是創建空元素。

Answer 1

可以使用NG-如果此類似如下─

<div class="test" ng-repeat="data in dataTest track by data.id" ng-if="data.id==0"> 
     <div > 
     <p>{{data.id}}</p> 
     </div> 
    </div>