Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/selenium/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在ng重复中生成ng模型_Javascript_Angularjs_For Loop_Ng Repeat_Angular Ngmodel - Fatal编程技术网

Javascript 在ng重复中生成ng模型

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> $

我一直在读一些话题,但找不到解决这个问题的办法

我试图在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>
$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。感谢您的支持。:)太神了谢谢