提交后重置Angular Form扩展

Question

我正在使用Angular Agility Form扩展来验证我的表单。 直到我尝试在提交后重设表单之前​​，它的效果都很好。

我可以重置字段，但是表单扩展名会显示每个字段的错误消息。

My controller code : myApp.controller("myCtrl1", ['$scope', function ($scope)      {
   $scope.save = function(){
   alert($scope.myName);
   $scope.myName = ""; // Reset the field

   }
}

在这里查看提琴手： http : //jsfiddle.net/05hq7shr/101/

Answer 1

从官方文档中：

https://github.com/AngularAgility/AngularAgility

您必须通过表格。

<button aa-submit-form="save(exampleForm)" class="btn btn-default">Save</button>

然后调用$ reset。

exampleForm.$aaFormExtensions.$reset(true);

true -复位前没有确认

false重置前确认

您现在不会看到该消息。 但是您必须修复添加的css才能删除红色边框。

检查这个小提琴：

http://jsfiddle.net/05hq7shr/102/