title: Call a parent controller method from child modal controller (ui bootstrap)
body: <p>So here is the condition i m having trouble with , its like i have parent controller and a child controller which is a modal controller , i have a method in parent controller which i want to call from child modal controller, i dont know what i m missing but thats what i have tried.</p>
  
  <pre><code>  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 ==========&gt;")
  }
  
  
    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'];
  
  }]);
  
  
  }]);
  </code></pre>
  
  <p>but it gives me an error no such function , i m getting error on check method, i want to call this check method from modal instance controller , but unable to do , please help.</p>