不要在ng-repeat範圍中重複元素

Question

是否有可能以某種方式定義角度，我不想在ng-repeat範圍內重複一些html標記。對於例如我想創建一個標籤過濾器是這樣的：

<div class="searchandfilter" ng-app="phonecatApp"> 
    <span ng-controller="PhoneListCtrl"> 
     <span ng-repeat="phone in phones" class="tab-controller"> 
      <ul> 
       <li class="tab" >{{phone.name}}</li> 
      </ul> 
      <span class="tab-content dont-repeat"> 
       <span> 
        <input type="checkbox">{{phone.brand}}</input> 
       </span> 
      </span> 
     </span> 
    </span> 
</div> 

我不想重複跨度dont-repeat類，但span與input裏面我需要重複。

JSFiddle

Answer 1

它可以通過剛剛在ng-if使用$first像ng-if="$first"

標記

<span ng-if="$first" class="tab-content dont-repeat"> 
    <span> 
     <input type="checkbox">{{phone.brand}}</input> 
    </span> 
</span> 

JSFiddle