Angular 2 Fehler "Unbehandelte Versprechen Ablehnung: Template Fehler analysieren:"

Question

Wenn ich die ngClass Richtlinie wie folgt verwenden:

[ngClass]="{has-error: !myInput.valid}" 

ich die folgende Fehlermeldung erhalten:

Unhandled Promise rejection: Template parse errors: Parser Error: Missing expected : at column 5 in [{has-error: !myInput.valid}] in ...html...

Wie kann ich dieses Problem lösen Error?

Answer 1

Das Problem ist mit dem - (Strich) Zeichen in has-error Klassenname.

Wenn Ihr Klassennamen einen Bindestrich in seinem Namen kam, müssen Sie Anführungszeichen wie folgt verwenden:

[ngClass]="{'has-error': !myInput.valid}"