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

我不想重复带有类名为dont-repeat的标签，但是需要重复包含input的标签。

JSFiddle

- Runtime Terror

---

我不明白你想在这里实现什么。你能否举个例子，用3到4部手机展示你期望生成的HTML长什么样子？你希望达到什么目标？ - JB Nizet

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

- Pankaj Parkar