title: How to manually install AngularJS ui.bootstrap
body: <p>I am building an SPA to run on a page in SharePoint 2013 online and having problems installing ui-bootstrap manually.</p>
  
  <p>I have downloaded this file <a href="https://github.com/angular-ui/bootstrap/blob/master/src/modal/modal.js" rel="nofollow">https://github.com/angular-ui/bootstrap/blob/master/src/modal/modal.js</a> and saved as ui-bootstrap.js.</p>
  
  <p>Then I reference the file in index.html:</p>
  
  <pre><code> &lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
   &lt;script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="~site/Webparts/js/angular.min.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript" src="~site/Webparts/js/angular-route.min.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript" src="~site/Webparts/js/ui-bootstrap.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript" src="~site/Webparts/testLabApp/testLabApp.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript" src="~site/Webparts/testLabApp/dal.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript" src="~site/Webparts/testLabApp/email.js"&gt;&lt;/script&gt;
   &lt;link href="~site/Webparts/testLabApp/style.css" rel="stylesheet" /&gt;
  </code></pre>
  
  <p>Then added dependency in App js file:</p>
  
  <pre><code>var testLabApp = angular.module('testLabApp', ["ngRoute", "ui.bootstrap"]);
  </code></pre>
  
  <p>However, I am getting injector error:</p>
  
  <pre><code>[$injector:modulerr] http://errors.angularjs.org/1.4.2/$injector/modulerr?p0=testLabApp&amp;p1=Error%3A%20%5B%24injector%3Amodulerr...
  </code></pre>
  
  <p>Clearly, I have done something wrong, but I could not find how to download the right file(s) from github.</p>
  
  <p>Any help is most appreciated.</p>
  
  <p>Regards
  Craig</p>