Angular: conditional class with *ngClass

Question

What is wrong with my Angular code? I am getting:

Cannot read property \'remove\' of undefined at BrowserDomAdapter.removeClass ...

Answer 1

[ngClass]=... instead of *ngClass.

* is only for the shorthand syntax for structural directives where you can for example use

{{item}}

instead of the longer equivalent version

See also https://angular.io/docs/ts/latest/api/common/index/NgClass-directive.html

...
...
...
...
...

See also https://angular.io/docs/ts/latest/guide/template-syntax.html

The class binding is special


This one is not so special

Bad curly