title: Angularjs ng-view does not work
body: <p>I am trying to create a simple views with <code>angualrjs + ngRoute</code>.</p>
  
  <p>Why it doesn't work for me???</p>
  
  <p>Please, can anyone look at my <a href="http://plnkr.co/edit/6evwfxIk0XObaQzQKxcS?p=preview" rel="nofollow">Plunker example</a>, and explain to me what am I doing wrong?</p>
  
  <p><strong>my index.html:</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Angular Route training&lt;/title&gt;
          &lt;meta charset="utf-8" /&gt;
          &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
  
          &lt;script src="https://code.angularjs.org/1.3.5/angular.js"&gt;&lt;/script&gt;
          &lt;script src="https://code.angularjs.org/1.3.5/angular-route.js"&gt;&lt;/script&gt;
          &lt;script src="js/app.js"&gt;&lt;/script&gt;       
      &lt;/head&gt;
  
      &lt;body&gt;
  
          &lt;div class="main_container"&gt;
  
              &lt;div class="inner" ng-app="app"&gt;
  
                      &lt;div class="container" ng-controller="MainController"&gt;
                          &lt;span ng-cloak&gt;{{text}}&lt;/span&gt;
                      &lt;/div&gt;
  
              &lt;/div&gt;
  
  
  
              &lt;div class="inner" ng-app="views"&gt;
  
                      &lt;h3&gt;Views Menu&lt;/h3&gt;
  
                      &lt;ul&gt;
                          &lt;li&gt;&lt;a href="index.html"&gt;Back to HOME&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#/developers"&gt;Our Developers&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#/designers"&gt;Our Designers&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
  
                      &lt;div ng-view&gt;&lt;/div&gt;
  
              &lt;/div&gt;
  
          &lt;/div&gt;
  
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>this is app.js:</strong></p>
  
  <pre><code>var app = angular.module('app', []);
  
  var views = angular.module('views', ['ngRoute']);
  
  views.config(function($routeProvider, $locationProvider){
      $routeProvider.
          when('#/developers', {templateUrl: 'views/dev.html', controller: 'DevCtrl'}).
          when('#/designers',{templateUrl: 'views/design.html',controller: 'DesignCtrl'}).
          otherwise({ redirectTo: 'index.html' });
      $locationProvider.html5Mode(true);
  });
  
  app.controller('MainController', function($scope) {
      $scope.text = "Hello World!!!!";
  });
  
  views.controller('DevCtrl', function($scope) {
      $scope.developers = [
          {"name":"John", "family":"Doe"}, 
          {"name":"Anna", "family":"Smith"},
          {"name":"Peter", "family":"Jones"},
          {"name":"Alex", "family":"Volkov"}, 
          {"name":"Yaniv", "family":"Smith"},
      ]
  });
  
  views.controller('DesignCtrl', function($scope) {
      $scope.designers = [
          {"name":"Inna", "family":"Doe"}, 
          {"name":"Anna", "family":"Smith"},
          {"name":"Yafit", "family":"Jones"}
      ]
  });
  </code></pre>
  
  <p><strong>design.html:</strong></p>
  
  <pre><code>&lt;div id="designers" ng-controller="DesignCtrl"&gt;
  
      &lt;h3&gt;Designers List&lt;/h3&gt;
  
      &lt;table&gt;
          &lt;tr&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Family&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr ng-repeat="d in designers"&gt;
              &lt;td&gt;{{d.name}}&lt;/td&gt;
              &lt;td&gt;{{d.family}}&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>and dev.html</strong></p>
  
  <pre><code>&lt;div id="developers" ng-controller="DevCtrl"&gt;
  
      &lt;h3&gt;Developers List&lt;/h3&gt;
  
      &lt;table&gt;
          &lt;tr&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;th&gt;Family&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr ng-repeat="dev in developers"&gt;
              &lt;td&gt;{{dev.name}}&lt;/td&gt;
              &lt;td&gt;{{dev.family}}&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>thanks</p>