不要在 ng-repeat 范围内重复元素

Question

是否可以在 angular 中以某种方式定义我不想在 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 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