2017-01-22 4 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-モデルを作りたいですas

<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

あなたはそれを具体化できますか? –

関連する問題