角2錯誤「未處理的承諾拒絕：模板解析錯誤：」

Question

當我使用ngClass指令是這樣的：

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

我收到以下錯誤：

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

我怎樣才能解決這個問題錯誤？

Answer 1

問題出在has-error類名中的-（短劃線）字符。

如果你的類名有其名稱中的破折號，則必須使用引號是這樣的：

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