动态地从数组中获取角度7样式的属性值

Question

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

<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动态添加值。

Answer 1

您无需担心。当您在组件文件中使用引擎盖下的rxjs更新值时，Angular将自动更新该值。