2014-03-13 2 views
2

몇 가지 주제를 읽었지만이 문제에 대한 해결책을 찾지 못했습니다. ng- 내부ng-repeat 내부에 ng-model을 생성하십시오.

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

:

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

하고 목록의 값이 같다 : 나는 NG 반복 내에서이 같은 뭔가를 NG 모델를 추가하려고

반복 루프와 같은 ng-model을 만들길 원합니다 : formData.checkboxes.value1 formData.checkboxes.value2, formData.checkboxes.value3

이것은 가능하니? 위의 방법을 시도해도 아무 것도 나타나지 않습니다. 여기서 내가 뭘 잘못하고 있니?

$scope.formData = { 
    checkboxes: {} 
}; 

을 ... 그리고 당신이 그런 식으로 채울 수 있습니다 :

답변

5

먼저 시도이 같은 컨트롤러 내부 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을 참조하십시오.

+0

Brilliant! 완벽하게 작동합니다! 정말 고맙습니다! – Neel

+0

반갑습니다. – PrimosK

+0

놀라운! 감사 – ruud

1

이 솔루션

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

예. @PrimosK가 지적한 것처럼, 먼저 내 컨트롤러에서'formData.checkboxes' 모델을 정의해야합니다. 지원해 주셔서 감사합니다. :) – Neel