Html 在提交表单之前显示弹出/模式以进行确认

使用AngularJS，在提交表单数据之前，我们如何显示一个弹出窗口，用于重新检查和确认单击提交按钮输入的输入值？

使用js代码：

if(confirm("xxx"))
 {
      //do next step
 }

使用js代码：

if(confirm("xxx"))
 {
      //do next step
 }

---

尝试使用

Uib模式

angular.module（'ui.bootstrap.demo'，['ngAnimate'，'ngSanitize'，'ui.bootstrap']）；
angular.module（'ui.bootstrap.demo'）.controller（'ModalDemoCtrl'，function（$uibModal，$log，$document）{
var$ctrl=this；
$ctrl.AnimationEnabled=true；
$ctrl.name=“马尼坎丹”；
$ctrl.open=函数（大小，父选择器）{
var parentElem=parentSelector？
angular.element（$document[0].querySelector（'.modal demo'+parentSelector））：未定义；
var modalInstance=$uibModal.open({
动画：$ctrl.AnimationEnabled，
ariaLabelledBy:“模态标题”，
由“模态体”描述，
templateUrl:'myModalContent.html'，
控制器：“ModalInstanceCtrl”，
controllerAs:“$ctrl”，
尺寸：尺寸，
附件：parentElem，
决心：{
值：函数（）{
返回$ctrl.name；
}
}
});
modalInstance.result.then（函数（）{
$ctrl.msg=“已提交”；
$ctrl.suc=true；
}，函数（错误）{
$ctrl.msg=‘已取消’；
$ctrl.suc=false；
});
};
});
angular.module（'ui.bootstrap.demo'）.controller（'ModalInstanceCtrl'，函数（$uibModalInstance，值）{
var$ctrl=this；
$ctrl.name=值；
$ctrl.ok=函数（）{
$uibModalInstance.close（'ok'）；
};
$ctrl.cancel=函数（）{
$uibModalInstance.discover（'cancel'）；
};
});





拯救


{{{$ctrl.msg}
你的细节
你确定你的名字{{$ctrl.name}}要提交吗？
提交
取消
尝试使用
Uib模式


angular.module（'ui.bootstrap.demo'，['ngAnimate'，'ngSanitize'，'ui.bootstrap']）；
angular.module（'ui.bootstrap.demo'）.controller（'ModalDemoCtrl'，function（$uibModal，$log，$document）{
var$ctrl=this；
$ctrl.AnimationEnabled=true；
$ctrl.name=“马尼坎丹”；
$ctrl.open=函数（大小，父选择器）{
var parentElem=parentSelector？
angular.element（$document[0].querySelector（'.modal demo'+parentSelector））：未定义；
var modalInstance=$uibModal.open({
动画：$ctrl.AnimationEnabled，
ariaLabelledBy:“模态标题”，
由“模态体”描述，
templateUrl:'myModalContent.html'，
控制器：“ModalInstanceCtrl”，
controllerAs:“$ctrl”，
尺寸：尺寸，
附件：parentElem，
决心：{
值：函数（）{
返回$ctrl.name；
}
}
});
modalInstance.result.then（函数（）{
$ctrl.msg=“已提交”；
$ctrl.suc=true；
}，函数（错误）{
$ctrl.msg=‘已取消’；
$ctrl.suc=false；
});
};
});
angular.module（'ui.bootstrap.demo'）.controller（'ModalInstanceCtrl'，函数（$uibModalInstance，值）{
var$ctrl=this；
$ctrl.name=值；
$ctrl.ok=函数（）{
$uibModalInstance.close（'ok'）；
};
$ctrl.cancel=函数（）{
$uibModalInstance.discover（'cancel'）；
};
});





拯救


{{{$ctrl.msg}
你的细节
你确定你的名字{{$ctrl.name}}要提交吗？
提交
取消
我想你想要的，在UI方面，被称为“模态”的东西？你可以在这里找到一些搜索模态的例子。我猜你要找的，在UI方面，叫做“模态”？你可以在这里找到一些例子来搜索模态。