Angular 4 基于视图的更改

Question

我有一个类似的 div

 <div [ngClass]="{'active' : isActive} [ngStyle]={top: topVar } >

isActive 和 topVar 是根据视图计算的，（如果内容溢出，内容是动态的）。

所以我在 ngAfterViewChecked 中计算它们。

这当然给了我这个错误：

Expression has changed after it was checked, previous value : "undefined". current value : '636px'.

我明白我做错了什么，我的问题是，如何做对？

（如果我根据组件视图计算变量，我需要ngAfterViewChecked --> 我需要再次detectChanged， 如果我每次都做 ChangeDetectorRef.detectChanges() --> 我会进入一个循环。 --> 我需要一个条件来阻止它。感觉很老套和错误。

Answer 1

将您的代码包装到 setTimeout 函数中。喜欢

ngAfterViewInit(): void {
  setTimeout({...calculation});
}