angularjs $modal 关闭模态

Question

我正在尝试制作 angularjs 模态服务。
我有一个 Controller 可以打开一些模态，在那个模态中我调用原始 Controller 函数或访问一些变量，这部分我已经可以做到。
我只是无法在不单击取消或确定按钮的情况下关闭模态，或者想在模态中进行一些操作，手动调用一些 werbservices 和关闭模态。
谁能帮我？

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

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

            });

Answer 1

要关闭您打开的 $modal，您可以按照以下步骤操作。

1) 注入(inject)$modalInstance进入您在创建模式时指定的 Controller 。在您的情况下，您将其称为 ModalInstanceCtrl .

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

您的 ModalInstanceCtrl应该看起来像这样

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

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

});