如何在Angular中输入的[value]属性中使用多个变量

Question

我有问题，我想这样做：

<mat-form-field>
  <mat-label>Period:</mat-label>
  <input matInput [value]="period.month / period.year" disabled>
</mat-form-field>

但这不起作用。

---

另一方面，这工作：

<mat-form-field>
  <mat-label>Period:</mat-label>
  <input matInput [value]="period.year" disabled>
</mat-form-field>

有人会有一个解决方案来显示输入值中的多个变量吗？

编辑：[ngValue]不起作用，我想显示一串变量。

Answer 1

由于[value]需要一个字符串，您可以将其值设置为

[value]="period.month + '/' + period.year"

解析为字符串。在你的代码中，period.month除以period.year并解析为NaN，如果其中至少有一个不能更改为数字。

Answer 2

我认为[value]只支持字符串。试试[ngValue]吧。

Differences between value and ngValue in Angular 5

Answer 3

[value]总是接受String作为输入，但[ngValue]接受Object。尝试使用[ngValue]