title: Can't figure out why my angular view is blank
body: <p>Im scaffolding an app for a prototype.  I have everything together, but when I do <code>grunt serve</code> I get my index page but the view doesn't initialize.  Ive compared it to other apps i have running, but i can't find anything wrong.  Any of you see anything wrong.</p>
  
  <p>I should mention, I used Yeoman to generate the basic scaffold, but I have been systematically stripping various things (Primarily Bower) from it as we are not allowed to use it on our network.  So I have been rebuilding a basic seed app that likes our network and plays well with our CI server.</p>
  
  <p>app.js</p>
  
  <pre><code>'use strict';
  
  angular.module('angularApp', [
      'ngCookies',
      'ngResource',
      'ngSanitize',
      'ui.router'
    ])
  
  .run(['$rootScope', '$state', '$stateParams',
      function($rootScope, $state, $stateParams) {
  
          // It's very handy to add references to $state and $stateParams to the $rootScope
          // so that you can access them from any scope within your applications.For example,
          // &lt;li ng-class="{ active: $state.includes('contacts.list') }"&gt; will set the &lt;li&gt;
          // to active whenever 'contacts.list' or one of its decendents is active.
          $rootScope.$state = $state;
          $rootScope.$stateParams = $stateParams;
  
          $state.transitionTo('home');
        }
  ])
  
  .config(['$stateProvider', '$urlRouterProvider',
      function($stateProvider, $urlRouterProvider) {
  
          $urlRouterProvider.otherwise('/');
  
          $stateProvider.state('home', {
              //name: 'home',
              url: '/',
              templateUrl: 'views/main.html',
              controller: 'MainCtrl'
            });
        }
  ]);
  </code></pre>
  
  <p>main.js</p>
  
  <pre><code>'use strict';
  
  angular.module('angularApp', [])
  
    .controller('MainCtrl', function ($scope) {
      $scope.awesomeThings = [
        'HTML5 Boilerplate',
        'AngularJS',
        'Karma'
      ];
    });
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;!--[if lt IE 7]&gt;      &lt;html class="no-js lt-ie9 lt-ie8 lt-ie7"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 7]&gt;         &lt;html class="no-js lt-ie9 lt-ie8"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 8]&gt;         &lt;html class="no-js lt-ie9"&gt; &lt;![endif]--&gt;
  &lt;!--[if gt IE 8]&gt;&lt;!--&gt; &lt;html class="no-js"&gt; &lt;!--&lt;![endif]--&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="viewport" content="width=device-width"&gt;
      &lt;!-- Place favicon.ico and apple-touch-icon.png in the root directory --&gt;
      &lt;!-- build:css styles/vendor.css --&gt;
      &lt;link rel="stylesheet" href="libs/sass-bootstrap/dist/css/bootstrap.css" /&gt;
      &lt;link rel="stylesheet" href="libs/ng-grid-2.0.7/ng-grid.css" /&gt;
      &lt;!-- endbuild --&gt;
      &lt;!-- build:css({.tmp,app}) styles/main.css --&gt;
      &lt;link rel="stylesheet" href="styles/main.css"&gt;
      &lt;!-- endbuild --&gt;
    &lt;/head&gt;
    &lt;body ng-app="angularApp"&gt;
      &lt;!--[if lt IE 7]&gt;
        &lt;p class="browsehappy"&gt;You are using an &lt;strong&gt;outdated&lt;/strong&gt; browser. Please &lt;a href="http://browsehappy.com/"&gt;upgrade your browser&lt;/a&gt; to improve your experience.&lt;/p&gt;
      &lt;![endif]--&gt;
  
      &lt;!-- Add your site or application content here --&gt;
      &lt;div ui-view&gt;&lt;/div&gt;
      test
      &lt;a ui-sref="home"&gt;home&lt;/a&gt;
  
      &lt;!--[if lt IE 9]&gt;
      &lt;script src="libs/es5-shim/es5-shim.js"&gt;&lt;/script&gt;
      &lt;script src="libs/json3/lib/json3.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  
      &lt;!-- build:js scripts/vendor.js --&gt;
      &lt;script src="libs/jquery-1.10.2/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="libs/angular-1.2.10/angular.js"&gt;&lt;/script&gt;
      &lt;script src="libs/sass-bootstrap/dist/js/bootstrap.js"&gt;&lt;/script&gt;
  
      &lt;script src="libs/angular-resource/angular-resource.js"&gt;&lt;/script&gt;
      &lt;script src="libs/angular-cookies/angular-cookies.js"&gt;&lt;/script&gt;
      &lt;script src="libs/angular-sanitize/angular-sanitize.js"&gt;&lt;/script&gt;
  
      &lt;script src="libs/ui-router-0.2.8/release/angular-ui-router.js"&gt;&lt;/script&gt;
      &lt;script src="libs/ngStorage/ngStorage.js"&gt;&lt;/script&gt;
      &lt;script src="libs/ng-grid-2.0.7/ng-grid-2.0.7.min.js"&gt;&lt;/script&gt;
      &lt;!-- endbuild --&gt;
  
      &lt;!-- build:js({.tmp,app}) scripts/scripts.js --&gt;
      &lt;script src="scripts/app.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/controllers/main.js"&gt;&lt;/script&gt;
      &lt;!-- endbuild --&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>main.html</p>
  
  <pre><code>&lt;div class="header"&gt;
    &lt;ul class="nav nav-pills pull-right"&gt;
      &lt;li class="active"&gt;&lt;a ng-href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a ng-href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a ng-href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;h3 class="text-muted"&gt;angular&lt;/h3&gt;
  &lt;/div&gt;
  
  &lt;div class="jumbotron"&gt;
    &lt;h1&gt;'Allo, 'Allo!&lt;/h1&gt;
    &lt;p class="lead"&gt;
      &lt;img src="images/yeoman.png" alt="I'm Yeoman"&gt;&lt;br&gt;
      Always a pleasure scaffolding your apps.
    &lt;/p&gt;
    &lt;p&gt;&lt;a class="btn btn-lg btn-success" ng-href="#"&gt;Splendid!&lt;/a&gt;&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="row marketing"&gt;
    &lt;h4&gt;HTML5 Boilerplate&lt;/h4&gt;
    &lt;p&gt;
      HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites.
    &lt;/p&gt;
  
    &lt;h4&gt;Angular&lt;/h4&gt;
    &lt;p&gt;
      AngularJS is a toolset for building the framework most suited to your application development.
    &lt;/p&gt;
  
    &lt;h4&gt;Karma&lt;/h4&gt;
    &lt;p&gt;Spectacular Test Runner for JavaScript.&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div class="footer"&gt;
    &lt;p&gt;♥ from the Yeoman team&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>