ng-repeat 내부에 ng-model이 중첩되어 있습니다.

Question

이것은 간단해야합니다. 어떤 이유로 ng-model을 ng-repeat 내부에서 사용하면 해당 반복 루프 내부의 모든 모델을 업데이트합니다.

다음은 코드입니다. 어떤 아이디어? http://plnkr.co/edit/iAgrPwwBMilCyeReeLt9?p=info

감사합니다.

Answer 1

재미있는 !!!

문제는

여기

<td> 
    <select ng-model="row.field" ng-options="column.title for column in columns"></select> 
</td> 

에서 "$ scope.columns"

에서 개체와 row.field 재설정하는, row.field는 $ scope.columns에서 개체 리셋된다는 점이다 한 행에서이 객체를 변경하면 다른 행에서도 같은 객체를 사용하므로 동일한 값을 반복합니다.

당신은

<td> 
    <select ng-model="row.field.type" ng-options="column.type as column.title for column in columns" ng-change="resetRow(row.field)"></select> 
</td> 

로 row.field.type 및 필드 유형에 따라 다른 속성을 다시 컨트롤러에 $scope.resetRow을 정의하기 위해이 모델을 변경할 수 있습니다.

여기에 업데이트 된 plunker이 있습니다.

내가 대신 객체 참조의 선택된 개체가 비록 당신의 문제를 해결하기 위해 의 사본을 반환하는 NG-옵션의 기능을 가지고 싶어요.