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

Question

我有一个包含一组字段的简单表单，如果至少输入了一个字段，我想启用提交按钮。考虑到这种情况，我不想使用模型驱动表格，因为我觉得它太过分了。

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

Answer 1

您可以使用 ngModel 和 ngModelChange 。

在你的HTML中：

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

在您的组件中：

private valueChanged(){
  // enable sumbit button
}