Heim > Web-Frontend > js-Tutorial > Wie vermeide ich „Die Eigenschaft ‚remove' von undefiniert kann nicht gelesen werden', wenn Angulars *ngClass verwendet wird?

Wie vermeide ich „Die Eigenschaft ‚remove' von undefiniert kann nicht gelesen werden', wenn Angulars *ngClass verwendet wird?

Linda Hamilton
Freigeben: 2024-12-02 16:08:12
Original
204 Leute haben es durchsucht

How to Avoid

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'"
Nach dem Login kopieren

Option 2:

[ngClass]="{'my_class': step === 'step1'}"
Nach dem Login kopieren

Option 3: Mehrere Klassen

[ngClass]="{'my_class': step === 'step1', 'my_class2': step === 'step2' }"
Nach dem Login kopieren

Option 4: Zahlen verwenden als Schlüssel

[ngClass]="{'1': 'my_class1', '2': 'my_class2', '3': 'my_class4'}[step]"
Nach dem Login kopieren

Option 5: Bedingungsoperator

[ngClass]="step === 'step1' ? 'my_class1' : 'my_class2'"
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage