Angular 角度-如何通过计算设置div样式

Angular 角度-如何通过计算设置div样式,angular,ionic-framework,Angular,Ionic Framework,我将Ionic 4与Angular一起使用,并尝试通过以下方式动态设置div的高度: <div class="bgsold" style="height:{{ b.qty / 100 * b.total }}%"></div> 因此,我没有收到任何错误或警告,style属性在Inspector中显示为空 我做错什么了吗?或者有什么特殊的方法可以这样做吗?您可以使用[style.ATTR]动态属性来指定动态值: <div class="bgsold" [styl

我将Ionic 4与Angular一起使用,并尝试通过以下方式动态设置div的高度:

<div class="bgsold" style="height:{{ b.qty / 100 * b.total }}%"></div>

因此,我没有收到任何错误或警告,
style
属性在Inspector中显示为空


我做错什么了吗?或者有什么特殊的方法可以这样做吗?

您可以使用
[style.ATTR]
动态属性来指定动态值:

<div class="bgsold" [style.height]="(b.qty / 100 * b.total) + '%'"></div>


希望这有帮助

您可以使用
[style.ATTR]
动态属性来指定动态值:

<div class="bgsold" [style.height]="(b.qty / 100 * b.total) + '%'"></div>


希望这能帮助您更简单地使用
[style.height.%]

[style.height.%]="(b.qty / 100 * b.total)"

更简单地说,您可以使用
[style.height.%]

[style.height.%]="(b.qty / 100 * b.total)"

也许你可以用“ngStyle”。

也许你可以用“ngStyle”