Angular - 如何通过操作设置 <mat-progress-bar> 值？

【问题标题】：Angular - How to set <mat-progress-bar> value with an operation?Angular - 如何通过操作设置 <mat-progress-bar> 值？
【发布时间】：2018-06-26 13:03:50
【问题描述】：

我有这段代码

<mat-progress-bar
mode="determinate"
value="10 + 10">
</mat-progress-bar>

但它不起作用。如果我用 {{}} 包装值的操作，它可以工作，但我已经读过它不应该这样做。真的吗？应该怎么做或者平时怎么做？

【问题讨论】：

标签： javascript html angular angular-material

【解决方案1】：

双花括号确实不是那么干净。改用这个：

<mat-progress-bar
mode="determinate"
[value]="10 + 10">
</mat-progress-bar>

括号表示您正在输入要计算的表达式，而不是值。为字符串模板之类的东西保留双花括号。

【讨论】：