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

只需使用$first中的ng-if ng-if="$first"

就可以了

<强>标记

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

JSFiddle