Angular: pogojni razred z *ngClass

Kaj je narobe z mojo kodo Angularja? Dobivam:

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 Ndopoldan 54p13.11.20181tni 54trdopoldanni november 2018 в 7:37
Programiranje
javascript css angular angular-template angular-ng-class
Npopoldan 54p8.2.20160tni 54trpopoldanni februar 2016 в 12:00
23 ogledi

[ngClass]=... namesto *ngClass.

* je samo za okrajšano sintakso za strukturne direktive, kjer lahko na primer uporabite

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

namesto daljše enakovredne različice


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

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

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

Glej tudi 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 Ndopoldan 14p28.3.20171tni 14trdopoldanni marec 2017 в 7:51
Komentarji (2)

Druga rešitev bi bila uporaba [class.active].

Primer :

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

Uporabiti morate nekaj takega ([ngClass] namesto *ngClass):

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