angular变化检测ExpressionChangedAfterItHasBeenCheckedError

** ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: ‘undefined’. Current value: ‘true’. It seems like the view has been created after its parent and its children have been dirty checked. Has it been created in a change detection hook?. **
原因:操作DOM导致的视图与数据不一致

解决办法

方法1

setTimeout(()=>{
	//你要变化的数据，操作的DOM
})

方法2

import { ChangeDetectorRef, Component, OnInit } from '@angular/core';
constructor(private cdr: ChangeDetectorRef){}
//你要变化的数据，操作的DOM
this.cdr.detectChanges();

参考：https://blog.csdn.net/smallNut/article/details/110954418