title: AngularJS gives me injector Error in IBM MobileFirst
body: <p>I am using AngularJS in IBM MobileFirst FrameWork and i am getting below error</p>
  
  <blockquote>
    <p>worklight.js:5359 Uncaught Exception: Uncaught Error: [$injector:modulerr] <a href="http://errors.angularjs.org/1.5.5/" rel="nofollow">http://errors.angularjs.org/1.5.5/</a>$injector/modulerr?p0=ng&amp;p1=TypeError%3A%…Fpreview%2FAB%2Fcommon%2F0%2Fdefault%2Flibrary%2Fangular.min.js%3A39%3A321) at (compiled_code):40WL.Logger.__log @ worklight.js:5359PUBLIC_API.(anonymous function) @ worklight.js:5741WL.Logger.window.onerror @ worklight.js:5699
    angular.min.js:6Uncaught Error: [$injector:modulerr] <a href="http://errors.angularjs.org/1.5.5/" rel="nofollow">http://errors.angularjs.org/1.5.5/</a>$injector/modulerr?p0=ng&amp;p1=TypeError%3A%…Fpreview%2FAB%2Fcommon%2F0%2Fdefault%2Flibrary%2Fangular.min.js%3A39%3A321)"</p>
  </blockquote>
  
  <pre><code>// ************ app.js *******************
  
  var app = angular.module('myApp',['ui.router']);
  
  app.config(function($stateProvider, $urlRouterProvider){
  
      $urlRouterProvider.otherwise('/login');
  
      $stateProvider
          .state('login',{
              url:'/login',
              templateUrl:'view/login.html',
              controller:'loginController'
          });
  
  });
  
  
  
  // ******************  login.js ******************
  
  app.controller('loginController',function($scope){});
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!-- INDEX.HTML --&gt;
  
  &lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
          &lt;head&gt;
              &lt;meta charset="UTF-8"&gt;
              &lt;title&gt;AB&lt;/title&gt;
              &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"&gt;
              &lt;!--
                  &lt;link rel="shortcut icon" href="images/favicon.png"&gt;
                  &lt;link rel="apple-touch-icon" href="images/apple-touch-icon.png"&gt; 
              --&gt;
              &lt;link rel="stylesheet" href="css/main.css" /&gt;
              &lt;link rel="stylesheet" href="css/bootstrap.min.css" /&gt;
              &lt;link rel="stylesheet" href="css/bootstrap-responsive.min.css" /&gt;
              &lt;script src="library/jquery.min.js"&gt;&lt;/script&gt;
              &lt;script src="library/angular.min.js"&gt;&lt;/script&gt;
              &lt;script src="library/angular-ui-router.min.js"&gt;&lt;/script&gt;
              &lt;script src="library/bootstrap.min.js"&gt;&lt;/script&gt;
              &lt;script src="controller/app.js"&gt;&lt;/script&gt;
              &lt;script src="controller/login.js"&gt;&lt;/script&gt;
              &lt;script&gt;window.$ = window.jQuery = WLJQ;&lt;/script&gt;
          &lt;/head&gt;
          &lt;body style="display: none;" ng-app="myApp"&gt;
              &lt;!--application UI goes here--&gt;
  
              &lt;div ui-view id="view"&gt;&lt;/div&gt;
  
              &lt;script src="js/initOptions.js"&gt;&lt;/script&gt;
              &lt;script src="js/main.js"&gt;&lt;/script&gt;
              &lt;script src="js/messages.js"&gt;&lt;/script&gt;
          &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  
  
  <pre><code>&lt;div ng-controller="loginController" class="container-fluid"&gt;
  Login Page
  &lt;/div&gt;
  </code></pre>