角度复选框和ng-repeat未显示在模型中

时间:2015-07-23 02:51:27

标签: angularjs

我不确定我做错了什么,但我希望复选框的值在stores属性中显示为数组。什么都没有出现。我觉得我没有正确使用ng模型。

控制器

$scope.parameters = {
        myMainOptions:
        {
            teams: ['angels', 'giants', 'orioles', 'bluejays', 'athletics']
        }
}

查看

<li ng-repeat="t in parameters.myMainOptions.teams">
   <input ng-model="form.selectedTeams[t]" type="checkbox" /> {{t}}
</li>

<button class="btn btn-sm" type="submit" ng-click="submit(form)">SUBMIT</button>

2 个答案:

答案 0 :(得分:1)

您需要在范围内初始化数组以将数据填入其中, 并且你还需要使用 $ index 来访问每个元素的当前索引,这样你就可以把它作为一个数组而不是像对象一样sel作为键这里

<input ng-model="boxes[$index]" type="checkbox" />
你可以在这里看到js小提琴 http://jsfiddle.net/vrem17m0/

答案 1 :(得分:0)

您的代码没有任何问题。只要确保初始化form.selectedTeams对象并正确设置角度控制器,那么你应该好好去。

您可以查看此JsFiddle以查看其是否有效。