Javascript 如何在Angular中使用多个值设置css属性？

我有一些统计数据，例如票数和总票数。我想使用如下所示的一些图表来显示这些数据，并且需要使用其样式来设置宽度属性

<div class="progress-bar" style="width: 80%"></div>

---

由于此栏按百分比显示计数和totalCount值，我需要使用ticketCount/totaTicketCount值设置宽度值。例如20/100，并将条形图显示为填充的20%。那么，用什么方法来设置这个角度呢？我尝试了

calc（）

方法，但无法使其工作，我不确定是否有更好的方法来完成此操作。

我认为添加[ngStyle]应该会有所帮助：

<div style="background-color: black; width: 100%"  
    [ngStyle]="{'width':ticketCount / totalTicketCount+'%'}"></div>

---

您可以使用

ngStyle

<div class="progress-bar" [ngStyle]="{'width': ticketCount / totaTicketCount +'%'}">
</div>

谢谢，但如果我使用的是数字（

[ngStyle]=“{'width'：'50%}”

），如果我使用的变量不起作用。有什么想法吗？有什么解决办法吗。我认为这是因为chart js的初始化是首先加载的，并且在初始化后传递变量时看不到变量。请尝试在构造函数中或在

oninit（）

中设置变量，可能会对您有所帮助。@Fredrick这不起作用。。它应该会起作用。