angularjs modal 嵌套modal的问题

anguarjs中当遇到modal嵌套modal的时候，比如一个modal弹出啦一个modal1，关闭modal1后，modal本身的关闭功能失效，那么需要$modal来生命弹出的modal1并且关闭

js:

.controller('infoWindowCtrl', function($scope,NiDialog,$modal) {
    $scope.showInfo = function(obj,title) {
        var modalInstance;
        modalInstance=$modal.open({
            windowClass: '',
            size:'tableContent',
            backdrop: 'static',
            keyboard: false,
            templateUrl: '/static/tpl/front/order/contactInfo.tpl',
            controller: 'contactCtrl',
            resolve:{
                id:function(){
                    return obj.$parent.model.id;
                },
                title:function(){
                    return title;
                }
            }
        });
    }

})

.controller('contactCtrl', function($scope,NiDialog,NiHttp,$modalInstance,id,title) {
    var vm = $scope.vm = {};
    var fn = $scope.fn = {};
    fn.close=function(){
        $modalInstance.close();
    }
}])

To close a $modal that you have opened you can follow these steps.

1) Inject $modalInstance into the controller that you specified when you created the modal. In your case you called it contactCtrl.

2) Have a function in your ModalInstanceCtrl that calls .close() on $modalInstance.

 

具体参考:http://plnkr.co/edit/SpEx6Y?p=preview

转载于:https://www.cnblogs.com/qyhol/p/5542545.html