angularjs $ modal close modal

Joh*_*ohn 8 angularjs bootstrap-modal

我试图做一个angularjs模态服务.我有一个控制器,打开一些模态,在该模态我称为原始控制器功能或访问一些变量,这部分我可以做到这一点.我只是无法关闭模态而不点击取消或确定按钮,o想要在模态中进行一些操作,手动调用一些werbservices和关闭模式.谁能帮我?

我在这里做了一个工作的plunker: plunker

var modalInstance = $modal.open({
              templateUrl: 'myModalContent2.html',
              controller: ModalInstanceCtrl,
              size: size,
              scope: $scope

            });
Run Code Online (Sandbox Code Playgroud)

Ben*_*ant 23

要关闭已打开的$模式,可以按照以下步骤操作.

1)注入$modalInstance创建模态时指定的控制器.在你的情况下你打电话给它ModalInstanceCtrl.

2)有一个函数在ModalInstanceCtrl调用.close()$modalInstance.

ModalInstanceCtrl应该看起来像这样

angular.module('myCoolApp')
  .controller('ModalInstanceCtrl', function ($scope, $modalInstance) {

    $scope.closeModal = function(){
       $modalInstance.close();
    }

});
Run Code Online (Sandbox Code Playgroud)