angular ui bootstrap-如何在不创建控制器的情况下访问模式作用域

Question

The docs for the $modal service say

The scope associated with modal's content is augmented with 2 methods:

- $close(result)

- $dismiss(reason)

Those methods make it easy to close a modal window without a need to create a dedicated controller.

I'm wondering how to access this scope without creating a dedicated controller.

Answer 1

Try this:

$scope.openModal=function(){
  $scope.modalInstance=$modal.open({
    templateUrl: 'xyz.html',
    scope:$scope
  });
}

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

now you can use ng-click="close()" in your temnplate file.

Answer 2

ı used this code.

module.service('ModalService', function ($modal) {
    var modalOptions = {
        backdrop: true,
        keyboard: true,
        modalFade: true,
        templateUrl: null
    };

    this.show = function (customModalDefaults) {
        var tempModalOptions = {};
        angular.extend(tempModalOptions, modalOptions, customModalDefaults);

        if (!tempModalOptions.controller) {
            tempModalOptions.controller = function ($scope, $modalInstance) {
                $scope.modalOptions.ok = function (result) {
                    $modalInstance.close(result);
                };
                $scope.modalOptions.close = function (result) {
                    $modalInstance.dismiss('cancel');
                };
            };
        }

        return $modal.open(tempModalOptions).result;
    };
});

call:

                    var modalOptions = {
                        backdrop: true,
                        modal: true,
                        size: scope.options.size || 'lg',
                        templateUrl: '/Apps/inekle/views/common/include_modal.html?v=1',
                        controller: [
                            "$scope", "$modalInstance", function ($scope, $modalInstance) {
                                $scope.model = {
                                    template: scope.options.template,
                                    title: scope.options.title
                                };

                                $scope.close = function () {
                                    $modalInstance.dismiss('close');
                                };
                            }
                        ]
                    };

                    ModalService.show(this.options).then(function (model) {},function (error) { });