生成NG-重复

Question

内NG-模型我一直在读几个主题，但不可能找到解决这一个，我被困在。

我想补充NG-模式内NG重复是这样的：

<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. ',   }, 
    ]; 

的NG-内重复循环，我想它来建立一个NG-模型，如：formData.checkboxes.value1 formData.checkboxes.value2, formData.checkboxes.value3等。

这是可能吗？当我尝试上述方法时，什么也没有显示出来。我在这里做错了什么？

Answer 1

首先，你应该定义formData.checkboxes模式控制器里面是这样的：

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

请看一看这个JSFiddle的工作示例。

Answer 2

尝试这种解决方案

<span ng-repeat="list in lists"> 
     <input type="checkbox" ng-model="formData.checkboxes[list.value]"> {{ list.number }} {{ list.description }} <br/> 
</span>