angular ui bootstrap modal 以状态打开，如何在控制器中关闭？

Question

您好，我正在尝试使用 ui-router 和 ui-bootstrap 创建有状态的模态，我已经像这样成功打开了模态，

.state('static.login', {
        url: '^/login',
        onEnter: function($modal, $state, $stateParams) {
            var modalInstance;
            modalInstance = $modal.open({
                animation : false,
                templateUrl : 'app/components/login/views/login.view.html',
                controller : 'loginController',
                size : 'lg'
            });
            return modalInstance.result["finally"](function() {
                return $state.go('^');
            });
        }
        // templateUrl: 'app/components/login/views/login.view.html',
        // controller: 'loginController'
    })

但我正在努力从我的 loginController 中关闭模式，我认为这将是一个简单的运行 $modal.dismiss('cancel') 的情况，但我被告知关闭是未定义的功能，我是否需要做其他事情才能能够从我的控制器关闭我的模式？

此外，当我导航到 /login 时，主页会显示在模式下方，如果我将当前页面保留在其下方会很棒，这可能吗？

Answer 1

一旦您打开一个模态，在模态控制器内部，即loginController，您可以看到$modalInstance 服务，它将占据模态实例。

你可以在loginController中注入和使用$modalInstance服务

对于关闭弹出窗口，您可以通过 $modalInstance 关闭方法

app.controller('loginController', function($modalInstance){

   //..other controller code which you already had

   //for closing popup do below
   $modalInstance.close();

});