2017-02-18 5 views
0

Ich habe Tabelle mit Kontrollkästchen, aber ich weiß nicht, wie etwas zu tun, während Kontrollkästchen aktiviert ist.Material Design-Tabelle mit Kontrollkästchen

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

Wie kann ich überprüfen, dass das Kontrollkästchen aktiviert ist und etwas tun?

+0

Javascript ist die Lösung für Ihr Problem –

Antwort

0

hinzufügen $scope.$watch auf die Variable, die Sie interessiert sind (oder watchcollection)

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

Vergessen Sie nicht, dass Variablen, die Sie gerade sind in $ Umfang und Verbreitung von Variablen in ng- wenn Bereiche passieren, kopieren Sie nicht Referenz. Sie können die Variable in ein Containerobjekt einbinden, da sonst Änderungen in einem anderen Bereich stattfinden und Sie sie nie bemerken.

+0

Es funktioniert: http://pastebin.com/x7javKk2 Während ich Checkbox gesetzt: 1 Artikel ausgewählt Aber ist möglich fuction hier laufen? – Radekesd

+0

@Radekesd das Stück Code, den Sie zeigen, ist HTML/Vorlage, die UI Seite ist, die $ Scope. $ Uhr sollte in Controller implementiert werden. Jeder Digest prüft, ob die Variable geändert wurde und führt Ihre Funktion im Falle einer Änderung aus. – laser

Verwandte Themen