我的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>
Angular版本2,...,9提供了几种有条件地添加类的方法:
第一类
[class.my-class]="step=='step1'"
第二类
[ngClass]="{'my-class': step=='step1'}"
和多个选项:
[ngClass]="{'my-class': step=='step1', 'my-class2':step=='step2' }"
第三类
[ngClass]="{1:'my-class1',2:'my-class2',3:'my-class4'}[step]"
四类
[ngClass]="(step=='step1')?'my-class1':'my-class2'"
完美的答案,只需将类型2修改为:[ngClass] =“ {'my-class':step =='step1'}”使用''int类名
对于类型三,类名和检查的顺序错误。它应该首先是类名称,例如[ngClass] =“ {'my-class1':1,'my-class2':2}”
看起来像“第三类”和“第四类”是的特定用法,
[ngClass]="js expression returning html class string"
因此在这个意义上是相同的谢谢男人..你太棒了
完美的答案伴侣。非常感谢 !