Angular: Bedingte Klasse mit *ngClass
Was ist falsch mit meinem Angular-Code? Ich erhalte:
Cannot read property 'remove' of undefined at BrowserDomAdapter.removeClass ...
HTML
<ol class="breadcrumb">
<li *ngClass="{active: step==='step1'}" (click)="step='step1; '">Step1</li>
<li *ngClass="{active: step==='step2'}" (click)="step='step2'">Step2</li>
<li *ngClass="{active: step==='step3'}" (click)="step='step3'">Step3</li>
</ol>
436
3
[ngClass]=...
anstelle von*ngClass
.*" ist nur für die Shorthand-Syntax für strukturelle Direktiven, wo Sie zum Beispiel verwenden können
anstelle der längeren äquivalenten Version
Siehe auch https://angular.io/docs/ts/latest/api/common/index/NgClass-directive.html
Siehe auch https://angular.io/docs/ts/latest/guide/template-syntax.html
Eine andere Lösung wäre die Verwendung von
[class.active]
.Beispiel:
Sie sollten etwas (
[ngClass]
anstelle von*ngClass
) wie das verwenden: