CODEWITHSUNDEEP
angularjstwitter-bootstrappopup
Coded9
Coded9

Reputation: 159

Modal popup in a modal popup using angular js

I'm trying to open modal popup in another modal popup. I'm getting the following error

angular.min-1.2.29.js:93 Error: [$injector:unpr] http://errors.angularjs.org/1.2.29/$injector/unpr?p0=%24modalInstanceNewProvider%20%3C-%20%24modalInstanceNew at Error (native)

Below is my code

Outer Modal code

var OuterController = function($scope, $modalInstance, $timeout, $http, $window, $rootScope, mydetails,$modal) {

    $scope.openInnerModal = function(){

        var modalInstanceNew = $modal.open({

              templateUrl: '../../TEST-ANOTHER.html',
              controller: InnerController,
              resolve: {
                  lDetails: function(){
                      return mydetails;
                  }
              }
           });
    }
    $scope.cancel = function () {       
        $modalInstance.dismiss('cancel');       
    }
}

Inner Modal Code

 var InnerController = function($scope, $modalInstanceNew,$timeout, $http, $window, $rootScope,lDetails,$modal) {   
        alert(lDetails);
        $scope.cancel = function() {
            $modalInstanceNew.dismiss('cancel');
        }   
    }

Upvotes: 0

Views: 897

Answers (1)

Md Hasan Ibrahim
Md Hasan Ibrahim

Reputation: 1898

The error is saying $modalInstanceNew is not a known provider. Which is exactly true. It should be $modalInstance instead.

Try the inner modal code like this:

var InnerController = function($scope, $modalInstance,$timeout, $http, $window, $rootScope,lDetails,$modal) {   
        alert(lDetails);
        $scope.cancel = function() {
            $modalInstance.dismiss('cancel');
        }   
    }

Upvotes: 1

Related Questions