我正在自学angular 4,我想知道是否可以这样做:
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="0" aria-
valuemin="0" aria-valuemax="100" style="width {{ item.percent_position}}%;">
{{ item.percent_position }}</div>
</div>
我想要实现的是根据 {{item.percent_position}} 抛出的值扩展宽度
当我使用 [style]="width: {{ item.percent_position }}%;" 我得到这个错误:
未捕获错误:不支持引号评估!
声明:{{item.percent_position}}%;
最佳答案
当您使用方括号时,您将绑定(bind)到一个表达式,因此建议您的解决方案不起作用,因为 Angular 期望这是可执行的 JS:
[style]="width: {{ item.percent_position }}%;"
相比之下,下面的应该工作得很好:
[style.width]="item.percent_position + '%' "
如果要绑定(bind)多个样式,可以使用 ngStyle 绑定(bind)到一个对象:
[ngStyle]="{ 'width': item.percent_position + '%' }"
无论如何:如果您使用方括号,请确保绑定(bind)到它的是一个可执行表达式!
关于html - 可以使用 Angular 4 中的插值将值添加到内联样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47662772/