将样式绑定到从ngFor循环计算的表达式

Question

让我说我的功能是根据从随机数据中使用ngFor循环创建的div的高度之和来计算从黑到白的颜色。

我需要计算它并将这些div背景颜色绑定到此值。为了能够计算他们所有的高度，我需要在ngAfterViewChecked（）中计算颜色并将其存储在变量中。但是将它绑定到样式显然会导致ExpressionChangedAfterItHasBeenCheckedError。

对于这样的原因有什么优雅的解决方案，还是一些解决方法？

Answer 1

你可以做到

<div [style.background-color]="yourProperty">

以您喜欢的初始背景颜色开始您的房产。并按照您的意愿稍后更新。