ng-Klasse angewendet auf Pageload, Ausdruck ist unwahr

Ich versuche, eine Klasse auf das Eltern-tr von einer td anzuwenden, die ein Kontrollkästchen-Element enthält. Der Code funktioniert gut, außer dass beim ersten Laden der Seite die Klasse bereits angewendet wird, obwohl das Kontrollkästchen deaktiviert ist. Wenn ich einmal auf das Element tr klicke, wird der Stil entfernt, und dann funktioniert das Element wie erwartet. Warum wird die Klasse beim Laden der Seite abgeholt? Der Code:ng-Klasse angewendet auf Pageload, Ausdruck ist unwahr

<tr ng-click="isChecked = !isChecked" ng-class="{'hovered': isChecked}"> 
      <td class=""><input type="checkbox" ng-model="isChecked" /></td> 
      <td >Accountability</td> 
</tr>

Quelle

2016-05-02 Christian Hill

wo stellen Sie 'isChecked'? Vielleicht stimmt es beim Laden der Seite. – vaso123

Beherrscht das Modell nicht die Truthigkeit des Ausdrucks? Wenn das Element deaktiviert ist, sollte der Ausdruck nicht unwahr sein? –

Können zeigen Sie den Controller-Code als auch. Es scheint zu funktionieren, wenn ich dieses JSBin für das gleiche Szenario erstellt: https://jsbin.com/saqube/edit?html,css,js,output

Ich denke, es könnte einige Probleme in Ihrem Controller oder AngularJS Version seine

Quelle

2016-05-02 13:57:23

Guter Anruf, danke! Ich hätte den isolierten Code selbst ausführen sollen. Ich weiß jetzt, dass ich bereits einen anderen Bereich mit dem gleichen Namen hatte! –

ng-Klasse angewendet auf Pageload, Ausdruck ist unwahr

Antwort

Verwandte Themen