So einfach ist das! myDiv wird die Klasse haben myCSSclass erst wenn die condition wertet zu true. Diese Bedingung kann in Ihrer Typoskriptdatei oder in der Vorlage festgelegt werden.
ngClass ist kein bekanntes Element von div. wir können es nicht mit div verwenden
Die Klasse, die ich hinzufüge, ist .selectednicht die Seitennamen
– Paul Krüger
5. Juli 2018 um 9:31 Uhr
Aber wenn Sie jetzt 10 Tasten mit haben [ngClass]="page" dann bekommen sie alle die .selected angewandt. Ich möchte, dass jeweils nur eine ausgewählt wird
– Paul Krüger
5. Juli 2018 um 9:37 Uhr
Ich denke, besser Render2 verwenden
– לבני מלכה
5. Juli 2018 um 10:02 Uhr
Wir kommen dahin 🙂 ! Haha. Das Problem ist jetzt, dass Sie die entfernen müssen .selected von allen vorherigen. Denn dies wird die hinzufügen .selected Klasse schön, aber es entfernt nie vorherige
– Paul Krüger
5. Juli 2018 um 11:03 Uhr
natürlich und du hast die Funktion removeclass (und ich eine Frau:) )
– לבני מלכה
5. Juli 2018 um 11:05 Uhr
Während die Lösung mit dem Renderer funktioniert, schlage ich vor, dass Sie eine Datenstruktur für Ihre Schaltflächen erstellen
Und nur deine ChangeScreen Methode benötigt wird, ist … was sie bereits tut, das Setzen der aktuellen Seite!
Sehen Stackblitz für ein Beispiel, wie sich das auswirkt.
Ich habe nicht das Gefühl, dass dies das Problem „Angular Klasse dynamisch hinzufügen“ wirklich löst, aber dies ist eine großartige Lösung! Vielen Dank!
Sie können eine dynamische Klasse mithilfe der Direktive hinzufügen
– Chellapan வ
5. Juli 2018 um 9:02 Uhr
Mögliches Duplikat von Add class to an element in Angular 4
– Arun Kumaresh
5. Juli 2018 um 9:03 Uhr