Warning message in console with *ngFor

[NHKK]

For my app component i'm doing

//app.component.html
<tabset>
 <tab *ngFor="let i of index" title="i">{{i}}</tab>
</tabset>
//app.component.ts
index = [1,2,3,4];

this is the error i'm seeing in console: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'ngIf: false'. Current value: 'ngIf: true'

[maximelafarie]

Hi @NHKK and thank you for reporting us this issue.
I'll try to reproduce it and come back to you after that.
Have a nice day! 🖖

[Tsukim09]

Hi @NHKK,
You can fix this issues by setting manually the 'active' option.

As exemple :

//app.component.html
<ngx-tabset>
    <ngx-tab *ngFor="let tab of tabArray, let i = index" title="tab" [active]="i === 0">
         {{ tab }}
    </ngx-tab>
</ngx-tabset>

//app.component.ts
tabArray = [1,2,3,4];

Cheers !