title: AngularJS not loading html into ng-view
body: <p>I've been looking at my app for ages now trying to find what's wrong but cannot for the life of me seem to find it.</p>
  
  <p>Here's my HTML</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;!--[if lt IE 7]&gt;      &lt;html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8 lt-ie7"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 7]&gt;         &lt;html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 8]&gt;         &lt;html lang="en" ng-app="myApp" class="no-js lt-ie9"&gt; &lt;![endif]--&gt;
  &lt;!--[if gt IE 8]&gt;&lt;!--&gt; &lt;html lang="en" ng-app="myApp" 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;Ericsson KAS&lt;/title&gt;
    &lt;meta name="description" content=""&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="stylesheet" href="bower_components/html5-boilerplate/css/normalize.css"&gt;
    &lt;link rel="stylesheet" href="bower_components/html5-boilerplate/css/main.css"&gt;
    &lt;link rel="stylesheet" href="css/bootstrap.min.css"/&gt;
    &lt;link rel="stylesheet" href="css/eBootstrap.css"/&gt;
    &lt;link rel="stylesheet" href="css/app.css"/&gt;
    &lt;script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;div id="menu-container"&gt;
        &lt;div id="menu-top" class="e-full-blend"&gt;&lt;/div&gt;
        &lt;div id="menu-bottom" class="gray-gradient"&gt;
          &lt;img ng-src="images/econ.png" height="35" width="27" class="logo" /&gt;
          &lt;center&gt;&lt;h2 class="ericsson-capital-dark"&gt;Knowledge Assessment Solution&lt;h2&gt;&lt;/center&gt;
        &lt;/div&gt;
    &lt;/div&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;div id="main" class="col-xs-10 col-xs-offset-1" ng-view&gt;
    &lt;/div&gt;
  
    &lt;div id="version-legend"&gt;Version: &lt;span app-version&gt;&lt;/span&gt;&lt;/div&gt;
  
    &lt;!-- In production use:
    &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"&gt;&lt;/script&gt;
    --&gt;
    &lt;script src="bower_components/angular/angular.js"&gt;&lt;/script&gt;
    &lt;script src="bower_components/angular-route/angular-route.js"&gt;&lt;/script&gt;
    &lt;script src="js/jquery-2.1.1.min.js"&gt;&lt;/script&gt;
    &lt;script src="app.js"&gt;&lt;/script&gt;
    &lt;script src="js/controllers.js"&gt;&lt;/script&gt;
    &lt;script src="partials/view1/view1.js"&gt;&lt;/script&gt;
    &lt;script src="partials/view2/view2.js"&gt;&lt;/script&gt;
    &lt;script src="partials/view3/view3.js"&gt;&lt;/script&gt;
    &lt;script src="components/version/version.js"&gt;&lt;/script&gt;
    &lt;script src="components/version/version-directive.js"&gt;&lt;/script&gt;
    &lt;script src="components/version/interpolate-filter.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>'use strict';
  
  // Declare app level module which depends on views, and components
  angular.module('myApp', [
    'ngRoute',
    'controllers',
    'view1',
    'view2',
    'view3',
    'myApp.version'
  ]).
  config(['$routeProvider', function($routeProvider) {
    $routeProvider.otherwise({redirectTo: 'partials/view1'});
  }]);
  </code></pre>
  
  <p>And the first view/partial that for some reason is not being loaded into ng-view</p>
  
  <p>view1.js</p>
  
  <pre><code>'use strict';
  
  angular.module('view1', ['ngRoute'])
  
  .config(['$routeProvider', function($routeProvider) {
    $routeProvider.when('/view1', {
      templateUrl: 'partials/view1/view1.html',
      controller: 'View1Ctrl'
    });
  }])
  
  .controller('View1Ctrl', [function() {
  
  }]);
  </code></pre>
  
  <p>view1.html</p>
  
  <pre><code>&lt;div id="first-view" class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-4 col-lg-offset-4" ng-controller="View1Ctrl as firstController"&gt;
  &lt;form role="form" class="form-horizontal"&gt;
  
      &lt;div class="form-group"&gt;
          &lt;label for="name" class="col-xs-3 control-label"&gt;Name&lt;/label&gt;
          &lt;div class="col-xs-9"&gt;
              &lt;input type="text" class="form-control"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group"&gt;
          &lt;label for="domain" class="col-xs-3 control-label"&gt;Domain&lt;/label&gt;
          &lt;div class="col-xs-9"&gt;
              &lt;input type="text" class="form-control"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group"&gt;
          &lt;label for="jobRole" class="col-xs-3 control-label"&gt;Job Role&lt;/label&gt;
          &lt;div class="col-xs-9"&gt;
              &lt;input list="browsers" class="form-control"&gt;
              &lt;datalist id="browsers"&gt;
                &lt;option value="Internet Explorer"&gt;
                &lt;option value="Firefox"&gt;
                &lt;option value="Chrome"&gt;
                &lt;option value="Opera"&gt;
                &lt;option value="Safari"&gt;
              &lt;/datalist&gt;
          &lt;/div&gt;
       &lt;/div&gt;
  
          &lt;div class="form-group" ng-controller="ButtonCtrl as bCntrl"&gt;
              &lt;div&gt;
              &lt;a class="clean-link-light lower-right" href="#/view2"&gt;&lt;button type="submit" class="e-btn  e-btn-success" &gt;{{ bCntrl.nextButtonTitle }}&lt;/button&gt;&lt;/a&gt;
              &lt;button id="admin-button" type="submit" class="e-btn e-btn-default"&gt;{{ bCntrl.adminButtonTitle }}&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have no idea what I've managed to do to stop it from working but it was working fine until I copied one of the partials folder to add a view4. That messed everything up and even tho I've removed view4 it's still not runnig.</p>
  
  <p>Any help is more than apreciated!</p>
  
  <p>Thanks!</p>