ngu-carousel :: :: ExpressionChangedAfterItHasBeenCheckedError：表达式在检查后已更改

Question

I am referring to this example https://stackblitz.com/edit/ngu-carousel-ng6?embed=1&file=src/app/app.component.html

But in console, I am getting this error

Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'ngForOf: '. Current value: 'ngForOf: 0,1,2,3,4,5'.

Answer 1

Here is the workaround for your problem

You can use ChangeDetectionStrategy

like,

import { Component, ChangeDetectionStrategy } from '@angular/core';

    @Component({
      changeDetection: ChangeDetectionStrategy.OnPush,
      selector: 'my-app',
      templateUrl: './app.component.html',
      styleUrls: ['./app.component.css']
    })