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

问题描述

我有一个包含一组字段的简单表单，如果至少输入了一个字段，我想启用提交按钮.鉴于这种情况，我不想使用模型驱动的表单，因为我觉得这是一种矫枉过正的做法.

I have a simple form that has a set of fields and I want to enable the submit button if at least one field has been entered. I don't wanna use a Model Driven Form as I feel it's a overkill, given the scenario.

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

What is the simplest way to check if at least one field is not empty in Template Driven Forms?

推荐答案

您可以使用 ngModel 和 ngModelChange.

在您的 html 中:

In your html:

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

在您的组件中:

private valueChanged(){
  // enable sumbit button
}

这篇关于Angular:模板驱动表单 - 如果至少输入了一个字段，则启用提交按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！