Question

我开始编写角度编程，但我不明白如何在单击提交按钮后清除输入内容。

有人可以向我解释一个简单的过程，即单击“提交”按钮后可以清除/重置输入/表格吗？有没有办法将验证器放在一个字段中？

我已经看过有关该主题的一些主题，但无法理解其逻辑。

HTML

<form>
  <div class="form-group">
    <label for="exampleFormControlInput1">Email address</label>
    <input type="email" class="form-control" id="exampleFormControlInput1">
  </div>
   <div class="form-group">
    <label>Adress</label>
    <input type="text" class="form-control" id="exampleFormControlInput1">
  </div>
   <div class="form-group">
    <label>Name</label>
    <input type="text" class="form-control" id="exampleFormControlInput1">
  </div>
  <div class="form-group">
    <label for="exampleFormControlTextarea1">Example textarea</label>
    <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
  </div>
  <button type="submit" (click)="clearforms()">SUBMIT</button>
</form>

Answer 1

我强烈建议您遵循第一位评论者的建议。

Here是一个有效的示例，它使用了模板驱动的表单，它基本上代表了一种声明性的方式来构建表单树。

如果您要处理更多动态内容，则应考虑使用反应式表单，它将使您对情况有更多的控制。

您还可以提供验证器。您可以通过某些指令，也可以通过Validators对象来完成此操作，特别是在使用响应式表单时。

例如，以下是使用电子邮件验证程序作为指令的方法：

<input ngModel name="email" email>

Here是一个文件，其中包含可用作指令的所有验证器。

提交后如何清除输入（重置表单）

1 个答案: