Angular 捕获输入值并在按钮单击时显示值，并输入角度材质

我在Angular上工作，有一个简单的代码，如下所示。单击set按钮并通过字符串插值显示在displayText上时，如何捕获输入值

<div>
    <h3>You just entered: <span>{{displayText}}</span></h3>
</div>
<div>
    <mat-form-field>
        <input matInput placeholder="Insert your text">
    </mat-form-field>
</div>
<div>
    <button mat-button>Set</button>
</div>

---

只需在输入字段中创建一个模板变量：input

并处理按钮上的单击事件：

(click)="displayText = input.value"

尝试一下：

<div>
    <h3>You just entered: <span>{{displayText}}</span></h3>
</div>
<div>
  <mat-form-field>
    <input matInput placeholder="Insert your text" #input>
  </mat-form-field>
</div>
<div>
  <button mat-button color="primary" (click)="displayText = input.value">Set</button>
</div>

这是给你的裁判的一封信

---

只需在输入字段中创建一个模板变量：input

并处理按钮上的单击事件：

(click)="displayText = input.value"

尝试一下：

<div>
    <h3>You just entered: <span>{{displayText}}</span></h3>
</div>
<div>
  <mat-form-field>
    <input matInput placeholder="Insert your text" #input>
  </mat-form-field>
</div>
<div>
  <button mat-button color="primary" (click)="displayText = input.value">Set</button>
</div>

这是给你的裁判的一封信