带有材质输入的角度模板驱动窗体在初始化时自行重置

Question

我正在为我的应用程序中的材质表单字段开发一个相当直接的模板驱动表单（这就是为什么我没有使用被动方法）。

所需的行为是，仅当用户单击按钮时才会显示表单，直到使用* ngIf结构指令隐藏该表单。

我想为输入字段设置一些默认值，以便用户查看表单的显示时间。但是，当用户点击按钮时，我看到表单在呈现给用户之前会被重置，从而摆脱指定的默认值。

复制场景的stackBlitz是HERE

非常感谢任何帮助，提前致谢

Answer 1

您必须对默认值进行双向绑定

中的

export class InputOverviewExample {
  isShown: boolean = false;

  test:String = "asdasd";
}

在你的模板中

<textarea matInput placeholder="Leave a comment" value="some comments about the food" [(ngModel)]="test" name="comments"></textarea>

希望这有帮助