angularjs - $error.required 消息未在重置按钮上重置：AngularJs

Question

<div class="form-group">
 <input type="text" name="Name"
    data-ng-model="panNumber" required> 
    <p data-ng-show="loginForm.Name.$error.required && (loginForm.Name.$touched || submitted)"
    class="error-block">Kindly enter your valid 10 digit PAN Number</p>
</div>

<button type="reset" data-ng-click="loginCtrl.reset()">RESET</button>

控制器

this.reset = function(){
            $scope.loginForm.$setPristine();
            $scope.loginForm.$setValidity();
            $scope.loginForm.$setUntouched();
          };   

我在 loginForm 中有几个字段，问题是当用户单击提交按钮而不在任何字段中输入任何数据时，所有错误消息（必需）都会显示。但是当我重置按钮时，错误消息仍然存在，它们没有被清除。

我尝试调试了很多但无法找到解决方案。我不知道我在做什么错误。

任何帮助表示赞赏！

谢谢

Answer 1

我通过努力得到了这个问题的答案

只需单击重置按钮，我就需要打电话

$scope.submitted = false;