Bedingte Klassen mit *ngClass in Angular verwenden
Dieser Artikel befasst sich mit einem Problem, das bei der Verwendung der Angular-Anweisung ngClass zum Zuweisen von Bedingungen auftritt Klassen. Der Fehler „Eigenschaft „Entfernen“ von undefiniert kann nicht gelesen werden“ wird durch eine falsche Implementierung von ngClass ausgelöst.
Um das Problem zu beheben, ist es wichtig zu verstehen, dass Angular Version 2 mehrere bedingte Ansätze bietet Klassen anwenden:
Option 1:
[class.my_class] = "step === 'step1'"
Option 2:
[ngClass]="{'my_class': step === 'step1'}"
Option 3: Mehrere Klassen
[ngClass]="{'my_class': step === 'step1', 'my_class2': step === 'step2' }"
Option 4: Zahlen verwenden als Schlüssel
[ngClass]="{'1': 'my_class1', '2': 'my_class2', '3': 'my_class4'}[step]"
Option 5: Bedingungsoperator
[ngClass]="step === 'step1' ? 'my_class1' : 'my_class2'"
Es ist erwähnenswert, dass das von Ihnen bereitgestellte Beispiel unter Verwendung der Setter-Syntax kein ist empfohlener Ansatz. Entscheiden Sie sich stattdessen für eine der oben besprochenen Methoden. Durch die Implementierung dieser Änderungen können Sie *ngClass effektiv nutzen, um bedingte Klassen anzuwenden und den Fehler „Eigenschaft „Entfernen“ von undefiniert kann nicht gelesen werden“ zu vermeiden.
Das obige ist der detaillierte Inhalt vonWie vermeide ich „Die Eigenschaft ‚remove' von undefiniert kann nicht gelesen werden', wenn Angulars *ngClass verwendet wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!