angularjs $ modal close modal

时间:2014-09-16 14:19:49

标签: angularjs bootstrap-modal

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

我在这里做了一名工作人员: plunker

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

            });

2 个答案:

答案 0 :(得分:23)

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

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

2)在ModalInstanceCtrl上设置一个功能.close()$modalInstance

您的ModalInstanceCtrl应该看起来像这样

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

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

});

答案 1 :(得分: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();
}