Angular - Как установить значение <mat-progress-bar> с операцией?

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>

Скобки указывают, что вы вводите выражение для оценки, а не значение. Держите двойные фигурные скобки для таких вещей, как строковые шаблоны.