2017-01-22 3 views
1

나는 아래와 같은 이름으로 같은 JSON 개체가 $ scope.permissions동적 NG-모델

{ 
    admission:{create:false,delete:false,read:false,update:false}, 
    student:{forDelete:false,read:false,viewPhone:false}, 
    course:{create:false,delete:false,read:false,update:false}, 
    teacher:{create:false,read:false,contact:false} 
} 

나는 각 행과 같은 동적 NG 모델을 만들고 싶어 사용자가 업데이트 버튼을 클릭 할 때

<div ng-repeat="(permissionName, permission) in permissions"> 
     {{permissionName}} | 
     <label ng-repeat="(k,v) in permission"> 
     <input type="checkbox" ng-model="permission.k"> 
      {{ k }} 
     </label> 
     <button ng-click="updatePermission(permission)">Update</button> 
</div> 

로는 체크 박스의 값이 true 또는 false와 학생 객체를 전달합니다.

+0

(key, value) 형식 객체를 통해 첫 번째 루프? –

+0

그리고 질문이 있으십니까? – digit

+0

my $ scope.permissions 객체에서 각 행에 동적 ng-model을 만들고 싶습니다. –

답변

1

당신이 수 권한 ng-repeat

마크 업 당신이 원하는 무엇을

<div ng-repeat="(permissionName, permission) in permissions"> 
    {{permissionName}} | 
    <label ng-repeat="(k,v) in permission"> 
     <input type="checkbox" ng-model="permission[k]"> {{ k }} 
    </label> 
    <button ng-click="updatePermission(permission)">Update</button> 
</div> 

Demo Plunkr

+0

빠른 피드백에 감사드립니다. 렌더링 입력이 고정되어 있지 않습니다 (작성, 읽기, 갱신, 삭제). 학생 키는 원하는 수의 키 - 값 쌍을 가질 수 있습니다. –

+0

정교하게 만들어 주시겠습니까? –