不要在 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>

我不想在 class 中重复 span dont-repeat，但span在inputinside 中我需要重复。

JSFiddle

Answer 1

$first只需使用in ng-iflike就可以做到ng-if="$first"

标记

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

JSFiddle