是否有一种特殊的方法可以将一个类型为checkbox的输入字段放在angularjs模式中的表的tabledata标记内?

时间:2016-08-11 16:59:17

标签: html angularjs

这是我的模态:

                    <!-- modal for viewing permissions -->
                <div id="modal-user-permissions" class="modal">
                    <div class="modal-content">
                        <h4 id="modal-user-title">User Access permissions</h4>
                        <div class="row">
                            <table class="hoverable bordered">

                                <thead>
                                    <tr>
                                        <th class="text-align-center">Allow?</th>
                                        <th class="text-align-center">Page Id</th>
                                        <th class="width-30-pct">page Name</th>
                                    </tr>
                                </thead>

                                <tbody >
                                    <tr ng-repeat="d in pages| filter:search">
                                        <td><input type="checkbox" ng-model="d.selected"/></td>
                                        <td class="text-align-center">{{ d.page_id}}</td>
                                        <td>{{d.page_name }}</td>
                                    </tr>
                                </tbody>
                            </table>

                            <div class="input-field col s12">


                                <a id="btn-update-user" class="waves-effect waves-light btn margin-bottom-1em" ng-click="updateUser()"><i class="material-icons left">edit</i>Save Changes</a>

                                <a class="modal-action modal-close waves-effect waves-light btn margin-bottom-1em "><i class="material-icons left">close</i>Close</a>
                            </div>

用于测试我在每个d.selected中传递true。我没有收到复选框

这是输出:

输出

enter image description here

我想知道我是不是在做正确的事情。任何最佳实践将不胜感激。最后请告诉我一个方法,让输入表格中的允许标题如下图所示。

1 个答案:

答案 0 :(得分:0)

您应该在ngModel上使用ngChecked

  

如果表达式在里面,则设置元素的checked属性   ngChecked是真的。

<input type="checkbox" ng-checked="d.selected"/>