title: Unknown provider: $ubiModalProvider <- $ubiModal <- loginController
body: <p>I am trying to constructing master page (SPA)for the project, which uses AngularJs and WebApi2. And each page, e.g. home page/login page/next page, will be displayed by $routeProvider in data-ng-view. Everything works fine until I started to add popup to the login by clicking change password. I got this error, as title and described as below: Unknown provider: $ubiModalProvider &lt;- $ubiModal &lt;- loginController</p>
  
  <pre><code>at invokeLinkFn (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.js:9694:9) &lt;div data-ng-view="" class="ng-scope"&gt;
  </code></pre>
  
  <p>I checked a lot of solution online, and make sure that I inject ui.bootstrap to the module by var masterApp = angular.module('AngularApp', ['ui.bootstrap','ngRoute']);, and i applied the latest version of the scripts:
  from <a href="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.3/ui-bootstrap-tpls.js" rel="nofollow">https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.3.3/ui-bootstrap-tpls.js</a>, and in my login controller, i defined masterApp.controller("loginController", ["$scope", "$http", '$location', 'authData', '$ubiModal', function ($scope, $http, $location, authData, $uibModal) {...}); more, in the controller for the popup, i defined masterApp.controller('ChangePasswordPopupCtrl', function ($scope, $uibModalInstance, $http, Username, password) {...});
  No matter which way i tried, i keep getting this error, can somebody tell me what is wrong with it?</p>