AngularJs表单验证ui引导模式

我试图使用一个表单，将验证转换为ui引导模式，该模式作为一个取消按钮，单击该按钮时只会取消视图。如果存在验证错误，“取消”将不起作用。如果我再次单击按钮，则模式关闭。我可能做错了什么？

angular.module'myApp'，['ui.bootstrap']； angular.module'myApp'。controller'TestCTRL'，function$scope，modalService{ $scope.login=函数{ var modalOptions={ closeButtonText:“取消”， submitForm:functionform{ 不一样。$有效{ 控制台。登录； } } }; modalService.showmodel{}，modalOptions.then函数结果{ 控制台。日志“已完成”； }; }; }; 角度。模块'myApp'。服务'modalService'，函数$modal{ var modalDefaults={ 背景：没错， 键盘：没错， 莫达法德：没错， templateUrl:'login.html' }; var modalOptions={ closeButtonText:“关闭”， actionButtonText:'确定'， 标题文字：“继续吗？”， bodyText:“是否执行此操作？” }; this.showModal=函数customModalDefaults，customModalOptions{ 如果！customModalDefaults customModalDefaults={}； customModalDefaults.background='静态'； 返回此.showcustomModalDefaults、customModalOptions； }; this.show=函数customModalDefaults，customModalOptions{ //创建要使用的临时对象，因为我们使用的是单例服务 var tempModalDefaults={}； var tempModalOptions={}； //将角度ui模态自定义默认值映射到服务中定义的模态默认值 angular.extendedtempmodaldefaults、modalDefaults、customModalDefaults； //将modal.html$scope自定义属性映射到服务中定义的默认值 angular.ExtendedTempmodalOptions、modalOptions、customModalOptions； if！tempModalDefaults.controller{ tempModalDefaults.controller=函数$scope，$modalInstance{ $scope.modalOptions=tempModalOptions； $scope.modalOptions.ok=函数结果{ $modalInstance.closeresult； }; $scope.modalOptions.close=函数结果{ $modalInstance。取消“取消”； }; } } 返回$modal.opentempModalDefaults.result； }; }; 测验 登录

---

我通过在取消操作函数中关闭模式之前将表单设置为pristine来解决这个问题

 function _cancel()
 {
     $scope.newForm.$setPristine();
     $modalInstance.close();
 }

---

你解决这个问题了吗？