提交后重置Angular Form扩展

时间:2017-03-27 20:00:50

标签: angularjs

我正在使用Angular Agility Form扩展来验证我的表单。 它工作得很好,直到我尝试在提交后重置表单。

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

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

   }
}

请在此处查看fiddler:http://jsfiddle.net/05hq7shr/101/

1 个答案:

答案 0 :(得分: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/