小编Ras*_*sit的帖子

ng-repeat中的动态ng模型

使用Angular JS,我有这个对象

var pages = [ 
    { name: 'users', title : "Users" }, 
    { name: 'roles', title : 'Roles' }
];
Run Code Online (Sandbox Code Playgroud)

我正在尝试为用户角色创建一个页面.为此,每页需要4个复选框.每个页面必须有4个规则.访问,显示,编辑,删除.

以ng-repeat显示页面

<div ng-controller='PageCtrl'>
   <ul>
     <li ng-repeat='page in pages'>
        {{ page.title }}
        <input type="checkbox" name="access"> Access
        <input type="checkbox" name="show"> Show
        <input type="checkbox" name="edit"> Edit
        <input type="checkbox" name="delete"> Delete
     </li>
   </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

所以我需要将这些复选框值传递给$ scope.如何为每个复选框绑定模型?

像这样

<input type="checkbox" name="access" ng-model='page.name+_access'> Access
Run Code Online (Sandbox Code Playgroud)

复选框型号名称应以page.name开头.和users_access一样,users_show ......

javascript angularjs

3
推荐指数
1
解决办法
8773
查看次数

标签 统计

angularjs ×1

javascript ×1