title: Unknown provider: $modalInstanceProvider <- $modalInstance in Angularjs modal
body: <p>I am using angular bootstrap ui modal which is working fine but when I try to close it using modalInstance it gives above error.Here is my code</p>
  
  <pre><code>  var app = angular.module('LoginModule', ['ui.bootstrap']);
  app.controller('LoginModal', ['$scope',  '$modal', function ($scope, $modal) {
      $scope.animationsEnabled = true;
      $scope.open = function (size) {
  
          var modalInstance = $modal.open({
              animation: $scope.animationsEnabled,
              templateUrl: '/app/template/Login.html',
              controller: 'LoginController',
              size: size
          });
      }
  }]);
  app.controller('LoginController', ['$scope', '$modalInstance', '$http', function ($scope, $modalInstance, $http) {
      $scope.model = {};
      $scope.loading = {
          state: false
      }
      $scope.errors = '';
      $scope.email = "";
      $scope.cancel = function () {
  
          $modalInstance.dismiss('cancel');
      };
  }]);
  </code></pre>
  
  <p>I have created the cancel function in the controller which I specify with the template still it gives error.I use ng-click="cancel()" in button inside LoginController .
  Need help?</p>