2017-02-18 194 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