Angular：模板驱动表单 - 如果输入了至少一个字段，则启用提交按钮

Question

我有一个包含一组字段的简单表单，如果至少输入了一个字段，我想启用提交按钮。我不想使用模型驱动形式，因为我觉得它是一种矫枉过正，考虑到场景。

在模板驱动表单中检查至少一个字段是否不为空的最简单方法是什么？

Answer 1

您可以使用 ngModel 和 ngModelChange。

在您的 html 中：

<input type="text" class="form-control" [(ngModel)]="yourvalue" (ngModelChange)="valueChanged()" />

在您的组件中：

private valueChanged(){
  // enable sumbit button
}