带复选框的材料设计表

时间:2017-02-18 13:42:34

标签: javascript angularjs

我的桌子上有复选框,但我不知道如何选中复选框。

<md-table-container>
            <table md-table md-row-select multiple ng-model="selected" md-progress="promise">
                <thead md-head>
                    <tr md-row>
                        <th md-column></th>
                        <th md-column>ID</th>
                        <th md-column>Username</th>
                    </tr>
                </thead>
                <tbody md-body>
                    <tr md-row md-select="user" md-select-id="id" md-auto-select ng-repeat="user in users">
                        <td md-cell></td>
                        <td md-cell><span>{{ user.id }}</span></td>
                        <td md-cell>{{ user.username }}</td>
                    </tr>
                </tbody>
            </table>
        </md-table-container>

如何选中该复选框并执行某些操作?

1 个答案:

答案 0 :(得分:0)

在您感兴趣的变量(或$scope.$watch

上添加watchcollection

https://docs.angularjs.org/api/ng/type/ $ rootScope.Scope

不要忘记你正在观察的变量是在$ scope中,并且变量传播到ng-if范围是通过复制而不是引用来实现的。您可以将变量包装到某个容器对象中,否则更改将在另一个范围内发生,您永远不会注意到它们。