角ui引導程序模態在打開狀態下，如何在控制器中關閉？

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')一種簡單情況，但是我被告知dismiss是未定義的函數，我是否需要做其他事情來能夠從我的控制器關閉我的模態？

另外，當我導航到/ 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();

});