How to call ui bootstrap modal popup controller from within angular js another controller

Question

how can i call angular ui bootstrap modal popup from inside another controller , as the condition is like instead of calling from view i need to call it from inside a function

       App.controller('MailFolderController', ['$scope', '$http', '$timeout', '$stateParams', '$window', 'mails', '$interval', function ($scope, $http, $timeout, $stateParams, $window, mails, $interval) {


     $scope.check = function(){
console.log("call parent ==========>")
     // call open method in modal popup here  
   }


    App.controller('orderCancellationController', ['$scope', '$modal', function ($scope, $modal) {

$scope.open = function (mail) {
    var modalInstance = $modal.open({
        templateUrl: '/orderCancellationBox.html',
        controller: ModalInstanceCtrl,
        resolve: {
            mail: function () {
                return mail;
            }
        }
    });
};

// Please note that $modalInstance represents a modal window (instance) dependency.
// It is not the same as the $modal service used above.

var ModalInstanceCtrl = function ($scope, $modalInstance, mail) {

    $scope.mail = mail;
    $scope.submit = function () {
        $scope.$parent.check();
        $modalInstance.close('closed');
    };

    $scope.cancel = function () {
        $modalInstance.dismiss('cancel');
    };
};
ModalInstanceCtrl.$inject = ["$scope", "$modalInstance", 'mail'];

 }]);


}]);

so i want to call the open method in orderCancellationController from inside the check method , help !!

Take a look at this question -> stackoverflow.com/questions/28086854/… — sch
– sch, Commented Oct 5, 2015 at 11:26
My first suggestion would be to create a service that handles your modal open service if you don't want to copy paste your code. — Arminmsg
– Arminmsg, Commented Oct 5, 2015 at 11:31
@NotKnown How Armin already said, take the code for modal dialog in a service. — yuro
– yuro, Commented Oct 5, 2015 at 11:37
can anybody please elaborate , i m not getting exactly , like how the orderCancellatioController will bind — user5409301
– user5409301, Commented Oct 5, 2015 at 12:06

Community · Accepted Answer · 2017-05-23 12:29:55Z

2

Following the example from my comment: Angular Calling Modal Open function from one controller to another

In order to open the modal from another controller you have to create a service, I did so in my app.js file, like so:

myApp.service('modalProvider',['$modal', function ($modal) {

this.openPopupModal = function () {
    var modalInstance = $modal.open({
        templateUrl: '/orderCancellationBox.html',
        controller: 'ModalInstanceCtrl'
    });
};
}]);

Then in the controller I wish to open my modal from, I inject the 'modalProvider' service, like so:

 App.controller('MailFolderController', ['$scope', '$http', '$timeout', '$stateParams', '$window', 'mails', '$interval','modalProvider', function ($scope, $http, $timeout, $stateParams, $window, mails, $interval, modalProvider) {

// function to open modal
 $scope.check = function(){
    modalProvider.openPopupModal();
}

edited May 23, 2017 at 12:29

CommunityBot

11 silver badge

answered Oct 5, 2015 at 12:22

sch

1,3985 gold badges20 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to call ui bootstrap modal popup controller from within angular js another controller

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related