Question

我有这段代码

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

但是它不起作用。如果我用{{}}包装值的运算符，它可以工作，但我读过它不是应该这样做的。真的吗？应该怎么做或通常怎么做？

Answer 1

双花括号的确不是那么干净。改用它：

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

方括号表示您要输入要计算的表达式，而不是值。保留双花括号以进行字符串模板化。