美元的错误.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;