在angular-ui引导程序中关闭，打开页面加载时的特定模式

Question

i have a code in routing like this

   .state('resetPassword', {
                url: '/home/reset_password',
                templateUrl: 'home/home.html',
                controller: 'HomeController',
                controllerAs: 'vm',
                data: {
                    requireLogin: false /* This is what tells it to require authentication */
                },
                onEnter: function($state, $uibModal) {
                     var mymodal=$uibModal.open({
                        backdrop: true,
                        templateUrl: 'login/resetpassword.html',

                    }).result.finally(function() {
                        $state.go('home');
                    })

                }
            })

and close button markup

<div class="reset_section" ng-style="reset">
            <span class="modal_close" ng-click="modalClose()">
        <i class="material-icons">close</i>

this will open the modal on page loads, but the issue is, i can't able to close the modal by calling the function modalClose(), it is showing $uibModalInstance is not defined and also i need to open one more modal in the same page. after resetting the password, there is one button to login, after clicking the login button.it need to open login popup and have to close the reset password popup.How to do it, can anyone please help me

Answer 1

You could use $uibModalStack.dismissAll(); to dismiss all the existing modals.

In your case, You just need to add $uibModalInstance in the controller and try running it again. use $uibModalInstance.close() function.