生成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>