angularjs $modal 关闭模态答案

【问题标题】：angularjs $modal close modalangularjs $modal 关闭模态
【发布时间】：2016-04-10 17:10:16
【问题描述】：

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

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

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

            });

【问题讨论】：

您也可以使用 modal.open 返回的 modalInstance 来关闭它，所以需要这样做：plnkr.co/edit/SpEx6Y?p=preview
谢谢，成功了。只是更多的问题，有没有办法知道某些模式是否由 id 打开？没有modalInstance？

标签： angularjs bootstrap-modal

【解决方案1】：

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

1) 将$modalInstance 注入到您在创建模态时指定的控制器中。在您的情况下，您将其称为ModalInstanceCtrl。

2) 在您的 ModalInstanceCtrl 中有一个函数可以在 $modalInstance 上调用 .close()。

你的ModalInstanceCtrl 应该是这样的

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

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

});

【讨论】：

【解决方案2】：

$scope.myData='all data can be';
$scope.myModalInstance = $modal.open({
    templateUrl: 'app/myOpen.html',
    controller: 'myOpenController',
    size: 'lg', //modal open size large
    backdrop: 'static',
    keyboard: false,
    resolve: {
        myData: function () {
            return $scope.myData;
            }
        }
    });
$scope.modalClose = function (){
   $scope.myModalInstance.close();
}

【讨论】：