如何使用angularjs清除html表单中文本框的红色边框？

Question

我有一个看起来像这样的表格：

当我点击提交按钮时，由于需要属性，它在文本框字段上显示红色边框。

之后我想点击重置按钮，然后它应该清除文本框的红色边框。

有人可以帮帮我吗？

Answer 1

在你的表单中你有这样的东西：

<form name="vm.myForm">

您的重置应该是以下之一：

<input type="reset" />
<button></button>

您可以将按钮上的 ng-click 绑定到控制器中的方法：

<input ng-click="vm.resetForm()" />
<button ng-click="vm.resetForm()"></button>

然后在你的控制器中：

resetForm() {
  this.myForm.$setPristine();
}

这应该将表单重置为原始状态，并删除由无效表单（即未填写所需输入）引起的任何红色边框。