javascript - ngRepeat 在另一个中继器值的数组上

Question

使用AngularJS。

具有以下 JSON 片段:

"skills": {
"Charisma": {},
"Dexterity": {
  "Sk3": [
    [
      true,
      true,
      true,
      true,
      false
    ],
    44
  ]
}, ...

以及下面对应的HTML

<div class="panel panel-info" ng-repeat="(key, value) in character.skills | orderBy:'$index':true">
                <div class="panel-heading">
                    <span class="accordion-toggle collapsed" data-toggle="collapse" data-target="#{{key}}">
                        <header>
                            <label>{{key}}</label>
                        </header>
                    </span>
                </div>

                <ul id="{{key}}" class="list-group collapse">
                    <li class="list-group-item" ng-repeat="(K, V) in value">
                        <input type="checkbox" />
                        <label>{{K}}</label>
                    </li>
                </ul>
            </div> ...

如何重复 bool 数组并将其绑定(bind)到我的复选框输入？结果将是每个技能名称前面有 5 个复选框，根据 bool 值选择或取消选择。

我尝试过类似的方法:

<li class="list-group-item" ng-repeat="(K, V) in value">
       <input type="checkbox" ng-repeat="bool in V[0]" ng-model="V[0]"/>
       <label>{{K}}</label>
</li>

但是这是不行的..

Answer 1

您可以在您的情况下绑定(bind)到 bool 数组元素，如下所示:

<input type="checkbox" ng-repeat="bool in V[0] track by $index" ng-model="V[0][$index]" />

请注意，由于数组中有重复的项目，您必须使用 track by $index 表达式。您还需要使用 ngModel 指令。

演示: http://plnkr.co/edit/87N6gpGOnLCCpTOvxJo0?p=preview