如何在 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] 只支持字符串。请尝试 [ngValue]。

Answer 2

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

Answer 3

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

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

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

How to use multiple variables in the [value] attribute of an input in Angular