2017-02-18 135 views
0

我拿到了带有复选框的表格,但我不知道如何在复选框被选中时如何执行操作。带复选框的材料设计表

<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> 

如何检查该复选框是否已勾选并执行某些操作?

+0

JavaScript是一种解决您的问题 –

回答

0

对你有兴趣(或watchcollection

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

不要忘记你正在看这个变量是在$范围和可变传播到NG-添加$scope.$watch如果范围通过复制而不是引用发生。您可以将变量包装到某个容器对象中,否则更改将在另一个范围中发生,并且您从不会注意到它们。

+0

它的工作原理: http://pastebin.com/x7javKk2 虽然我检查复选框设置:选择1个项目 但可以在此运行机能的研究? – Radekesd

+0

@Radekesd你正在展示的这段代码是html/template,它是UI端,$ scope。$ watch应该在控制器中实现。每个摘要都会检查变量是否已更改,并在发生变化时运行函数。 – laser