css - 我已经更新到 Angular 8，但是在更改 CSS 类时我的 ngStyle 没有更新

Question

我有这样的分层样式:

[ngStyle]="columnStyleArray[i1][i2].style" 应用于 *ngFor.

中的组件

我用双向绑定(bind)改变了这一点。

到目前为止，这在 Angular 7 中工作正常，但当我升级到 Angular 8 时，它不再工作了。奇怪的是，在调整浏览器大小后，新的 CSS 应用并变得可见。

不确定这是 Angular 8 的错误还是我忽略了什么。

试图更改设置
封装:ViewEncapsulation.None，changeDetection:ChangeDetectionStrategy.OnPush

<div class="template-container" *ngFor="let section of mailtemplateArray; let i1 = index">
<div [ngStyle]="sectionStyleArray[i1].style"></div>
</div> 

没有任何错误代码，但 CSS 仅在窗口调整大小后应用

Answer 1

尝试更改ChangeDetection 策略。对我来说，这听起来像是你没有触发 DOM 更新，因为你正在改变你的对象，而 OnPush 策略正在严格寻找不可变的变化。

如果更改策略有效，您可以不可变地更新集合(措辞？)，或者您可以使用 ChangeDetectorRef 方法 detectChanges 触发 DOM 更新。