title: ui-router is not showing my view
body: <p>index.html:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app ng-csp&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Presently&lt;/title&gt;
      &lt;link rel="stylesheet" href="app/styles/angular-csp.css"&gt;
      &lt;!--&lt;link rel="stylesheet" href="css/main.css"&gt;--&gt;
  
      &lt;script src="assets/dependencies/angular/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="assets/dependencies/angular-ui-router/release/angular-ui-router.js"&gt;&lt;/script&gt;
  
      &lt;script src="main.js"&gt;&lt;/script&gt;
  
      &lt;script src="app/states/home/home.controller.js"&gt;&lt;/script&gt;
      &lt;script src="app/states/home/favs/fav.controller.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      hello {{'foo'.length}}
  
      &lt;div ui-view&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>main.js:</p>
  
  <pre><code>console.log('main.js');
  
  var myApp = angular.module('myApp', ['ui.router'])
  .config(['$stateProvider', '$urlRouteProvider'
    , function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise("/");
  
    $stateProvider
      .state('state1', {
        url: "/",
        template: "home"
      });
  }]);
  
  console.log(myApp);
  </code></pre>
  
  <p>So the console logs show for <code>main.js</code> and the app but nothing is rendered in the view. I would expect to see the word 'home'</p>