使用 mat 表单字段显示字段

Question

我正在使用 Angular。当我从 rabbitmq 发送事件时，我有一个响应。该响应包含许多属性，例如名字、姓氏、地址。我想在我正在使用的文本区域中显示地址。

我的mat输入文本区域代码如下：：

 <mat-form-field appearance="fill">
    <mat-label>{{ Address }}</mat-label>
    <textarea rows="5" {{address}}></textarea>
    <mat-error>{{ 'Screens.Common.FieldRequired' | translate }}</mat-error>
 </mat-form-field>

在组件中我的代码如下::

if (response.Content) {
   this.address = response.Content.Address;
}

如何在屏幕上显示地址？加载页面时应预先填充数据。

Answer 1

就像 AJT82 说的我认为你放错了括号{{}}

应该是

<mat-form-field appearance="fill">
  <mat-label>{{ address }}</mat-label>
  <textarea rows="5">{{address}}</textarea>
  <mat-error>{{ 'Screens.Common.FieldRequired' | translate }}</mat-error>
</mat-form-field>