angular - 根据评级 ng-style Angular 更改宽度

Question

我正在尝试根据评级更改此跨度的宽度。在这种情况下，“质量”是从 1 到 5。如果评级为 5，则宽度应为 100%。我如何将它与 ng-style 绑定？

<span class="rating-box" ng-style="{ 'width': {{star.quality*20}} + '%' }"></span>  

此代码不起作用。我收到此错误：

Template parse errors:
Can't bind to 'ng-style' since it isn't a known property of 'span'. ("      <small>Calitate</small>

非常感谢！

标签： angulardata-bindingwidthng-style

Answer 1

这是您需要使用的 Angular 8 的语法错误

<span class="rating-box" [ngStyle]="{ 'width': star.quality*20 + '%' }"></span>