如何在angularjs指令上关闭引导模式之前触发事件

How to trigger event before closing bootstrap modal on angularjs directive

本文关键字：模式 事件 angularjs 指令      更新时间：2023-09-26

如何在angularjs指令、上关闭引导模式之前触发事件

angular.module('app').controller("myModal", function myModal($scope, $modalInstance) {
$scope.modalInstance = $modalInstance;
});

模板

<div>我的模态<div>

和指令

angular.module('app').directive('mymodal',function( $rootScope ){
return{
    restrict : 'E',
    replace : true,
    templateUrl :'mymodal.html',
    scope :{
        modalInstance :'='
    },
    link: function (scope, elem, attr) {
     scope.modalInstance.result.then(function() {
        console.log('close');
     }, function() {
       console.log('dimiss');
     });
    }
});

我想在点击背景后关闭模态之前确认消息。从这里调用模式对话框

      $scope.openModal = function() {
      $scope.modalInstance = $modal.open({
                animation: true,
                template: '<mymodal modal-instance="modalInstance"></mymodal>',
                controller: 'myModal',
                backdrop: true,
                keyboard: true,
            });
  }

看看这个答案，它对我有用。

var instance = $modal.open(...);
 instance.result.then(function(){
  //Get triggers when modal is closed
 }, function(){
  //gets triggers when modal is dismissed.
 });
相关文章：