Angular 没有 dom 元素的 ng 循环

Question

假设我有一个 html 块，如下所示，我需要遍历对象数组并为每个选项显示一个标签。

我可以使用 ng-repeat 分别为标签和输入轻松做到这一点，但为了让我的样式框架正确更新选中的输入，输入需要直接位于文档中的标签上方.

如何在不将每组输入 + 标签包装在另一个 dom 元素中的情况下执行此操作？（这也会破坏列表的样式）

需要：

        <input type="radio" name="rGroup" value="1" id="r1" />
        <label class="radio radio-plan-lg" for="r1">
          Billed every<br><span>1 month</span>
        </label>

        <input type="radio" name="rGroup" value="2" id="r2" />
        <label class="radio radio-plan-lg" for="r2">
          Billed every<br><span>3 months</span>
        </label>

        <input type="radio" name="rGroup" value="3" id="r3" />
        <label class="radio radio-plan-lg" for="r3">
          Billed every<br><span>6 months</span>
        </label>

不是：

        <input type="radio" name="rGroup" value="1" id="r1" />
        <input type="radio" name="rGroup" value="2" id="r2" />
        <input type="radio" name="rGroup" value="3" id="r3" />

        <label class="radio radio-plan-lg" for="r1">
          Billed every<br><span>1 month</span>
        </label>
        <label class="radio radio-plan-lg" for="r2">
          Billed every<br><span>3 months</span>
        </label>
        <label class="radio radio-plan-lg" for="r3">
          Billed every<br><span>6 months</span>
        </label>

Answer 1

使用ng-repeat-start:

<input ng-repeat-start="item in array" type="radio" name="rGroup" value="{{item}}" id="r{{item}}" />
<label ng-repeat-end class="radio radio-plan-lg" for="r{{item}}">
  Billed every<br><span>{{item}} month</span>
</label>

See Documentation - Special repeat start and end points

Angular 没有 dom 元素的 ng 循环

Angular ng loop without a dom element

angularjs

ng-repeat