动态来自数组的角度7样式属性值答案

【问题标题】：angular 7 style attribute value from an array dynamically动态来自数组的角度7样式属性值
【发布时间】：2020-09-19 12:41:54
【问题描述】：

我正在使用下面的代码创建一个进度条。

<td class="pBar">
  <label>{{kpiCriteriaLevel[i]['High_Impact']}}%</label>
  <br/>
  <div class="progress">
    <div class="progress-bar progress-bar-yellow" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="100" [ngStyle]="{'width.px': kpiCriteriaLevel[i]['Low_Impact'] }">
    </div>
  </div>
</td>

这部分字符串插值{{kpiCriteriaLevel[i]['High_Impact']}}来自组件文件。但是在 HTML 的style 标签中无法读取相同的值。

在浏览器的检查元素中我看到 - ng-reflect-ng-style="[object Object]" style="width: 0px;"

请帮忙，如何动态地为width动态添加值。

【问题讨论】：

对我来说似乎工作正常。检查this 代码示例。
@Viqas 谢谢。它奏效了。

标签： angular angular7 ng-style

【解决方案1】：

您不必担心。 Angular 会在您更新组件文件中的值时自动更新该值，因为它在后台使用 rxjs。

【讨论】：