Javascript 在ng重复中生成ng模型
我一直在读一些话题,但找不到解决这个问题的办法 我试图在ng repeat中添加ng model,如下所示:Javascript 在ng重复中生成ng模型,javascript,angularjs,for-loop,ng-repeat,angular-ngmodel,Javascript,Angularjs,For Loop,Ng Repeat,Angular Ngmodel,我一直在读一些话题,但找不到解决这个问题的办法 我试图在ng repeat中添加ng model,如下所示: <span ng-repeat="list in lists"> <input type="checkbox" ng-model="formData.checkboxes.{{ list.value }}"> {{ list.number }} {{ list.description }} <br/> </span> $
<span ng-repeat="list in lists">
<input type="checkbox" ng-model="formData.checkboxes.{{ list.value }}"> {{ list.number }} {{ list.description }} <br/>
</span>
$scope.lists = [
{
value:'value1',
number: '1',
description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',
},
{
value:'value2',
number: '2',
description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',
},
{
value:'value3',
number: '3',
description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ', },
];
$scope.formData = {
checkboxes: {}
};
在ng repeat循环中,我希望它构建一个ng模型,如:formData.checkboxes.value1 formData.checkboxes.value2、formData.checkboxes.value3
等
这可能吗?当我尝试上述方法时,什么都没有出现。我做错了什么 试试这个解决方案
<span ng-repeat="list in lists">
<input type="checkbox" ng-model="formData.checkboxes[list.value]"> {{ list.number }} {{ list.description }} <br/>
</span>
{{list.number}}{{list.description}}
首先,您应该定义formData。在控制器内的复选框
模型如下:
<span ng-repeat="list in lists">
<input type="checkbox" ng-model="formData.checkboxes.{{ list.value }}"> {{ list.number }} {{ list.description }} <br/>
</span>
$scope.lists = [
{
value:'value1',
number: '1',
description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',
},
{
value:'value2',
number: '2',
description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',
},
{
value:'value3',
number: '3',
description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ', },
];
$scope.formData = {
checkboxes: {}
};
。。。您可以这样填充它:
<span ng-repeat="list in lists">
<input type="checkbox" ng-model="formData.checkboxes[list.value]"/>
{{ list.value }} {{ list.number }} {{ list.description }} <br/>
</span>
{{list.value}}{{list.number}{{{list.description}}}
请看一下这个工作示例。是的,这很有效。正如@PrimosK所指出的,我需要首先在控制器中定义
formData.checkbox
model。感谢您的支持。:)太神了谢谢