Как использовать несколько переменных в атрибуте [value] входа в Angular

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].

Различия между значением и значением ngValue в угловых значениях 5

Answer 3

[value] всегда принимает String в качестве входа, но [ngValue] принимает Object . Попробуйте использовать [ngValue]