angular-如何通过计算设置div样式

时间:2019-10-31 09:16:17

标签: angular ionic-framework

我将Ionic 4与Angular结合使用,并尝试通过这种方式动态设置div的高度:

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

所以我没有收到任何错误或警告,并且style属性在检查器中显示为空。

我做错什么了吗?还是有什么特殊的方法?

3 个答案:

答案 0 :(得分:3)

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

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

希望这会有所帮助

答案 1 :(得分:2)

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

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

答案 2 :(得分:0)

https://angular.io/api/common/NgStyle

也许您可以使用“ ngStyle”。