Angular: *ngClass ile koşullu sınıf

Angular kodumda yanlış olan ne? Ben alıyorum:

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>
MostafaMashayekhi
Edited question 2018ööp37öö7 Kasım 2018 в 7:37
Programlama
javascript css angular angular-template angular-ng-class
2016ösp0ös12 Şubat 2016 в 12:00
36 görünümler

*ngClassyerine[ngClass]=...`.

*` sadece yapısal yönergeler için steno sözdizimi içindir, örneğin

<div *ngFor="let item of items">{{item}}</div>

daha uzun eşdeğer versiyon yerine


  <div>{{item}}</div>

Ayrıca bkz. https://angular.io/docs/ts/latest/api/common/index/NgClass-directive.html

>     ...
>     ...
>     ...
>     ...
>     ...

Ayrıca bkz. https://angular.io/docs/ts/latest/guide/template-syntax.html

>     
>     <div [class.special]="isSpecial">The class binding is special</div>
>     
>     
>     <div class="special"
>          [class.special]="!isSpecial">This one is not so special</div>



> 
>     
>     <div class="bad curly special"
>          [class]="badCurly">Bad curly</div>
Günter Zöchbauer
Edited answer 2017ööp51öö7 Mart 2017 в 7:51
Yorumlar (2)

Başka bir çözüm de [class.active] kullanmak olabilir.

Örnek:

<ol class="breadcrumb">
    <li [class.active]="step=='step1'" (click)="step='step1'">Step1</li>
</ol>
Yorumlar (1)

Bunun gibi bir şey (*ngClass yerine [ngClass]) kullanmalısınız:

<ol class="breadcrumb">
  <li [ngClass]="{active: step==='step1'}" (click)="step='step1; '">Step1</li>
  (...)
Yorumlar (0)