angular - как установить div стиль с расчетом

Question

Я использую Ionic 4 с Angular и пытаюсь динамически установить высоту div следующим образом:

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

Поэтому я не получаю ошибок или предупреждений, и свойство style выглядит пустымв инспекторе.

Я что-то не так делаю? Или есть какой-то особый способ сделать это?

Answer 1

Вы можете использовать динамический атрибут [style.ATTR] для назначения динамического значения:

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

Надеюсь, это поможет

Answer 2

Более просто вы можете использовать [style.height.%]:

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

Answer 3

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

возможно, вы можете использовать "ngStyle".