私のAngularコードはどうなっているのでしょうか?私は以下のようになります。
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>
ngClass]=...ではなく、
*ngClass`です。
*`は構造的なディレクティブのための省略構文で、例えば、次のように使用できます。
<div *ngFor="let item of items">{{item}}</div>
の代わりに{{37580771}}を使うことができます。
<template ngFor let-item [ngForOf]="items">
<div>{{item}}</div>
</template>
https://angular.io/docs/ts/latest/api/common/index/NgClass-directive.html もご覧ください。
<some-element [ngClass]="'first second'">... <some-element [ngClass]="['first', 'second']">... <some-element [ngClass]="{'first': true, 'second': true, 'third': false}">... <some-element [ngClass]="stringExp|arrayExp|objExp">... <some-element [ngClass]="{'class1 class2 class3' : true}">...
https://angular.io/docs/ts/latest/guide/template-syntax.html もご参照ください。
<div [class.special]="isSpecial">クラスの結合はspecial
<div class="special" [class.special]="!isSpecial">これはそれほど特別なものではありません
<div class="badCurlyスペシャル" [class]="badCurly">Bad curly