title: angularjs template ng-view
body: <p>Anyone can please tell me what im doing wrong here:       </p>
  
  <p>i just update the library, and seems that the code broke for some reason it's not doing anything.</p>
  
  <p>angular library</p>
  
  
  
  <p>html5 code </p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.min.js"&gt;&lt;/script&gt;
  &lt;header id="header"&gt;
      &lt;h1 id="logo"&gt;&lt;a href="#/home"&gt;&lt;/a&gt;&lt;/h1&gt;
  
      &lt;div id="menu"&gt;
          &lt;a ng-click="setRoute('home')" class="btn"&gt;Home&lt;/a&gt;
          &lt;a ng-click="setRoute('about')" class="btn"&gt;about&lt;/a&gt;
      &lt;a ng-click="setRoute('experiments')" class="btn"&gt;Experiments&lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="color"&gt;&lt;/div&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;/header&gt;
  &lt;!-- //top --&gt;
  &lt;div class="shadow"&gt;&lt;/div&gt;
  
  &lt;div id="container"&gt;
      &lt;div ng-view&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>angular.js</p>
  
  <pre><code> angular.module('WebSite', []).
      config(function($routeProvider) {
          $routeProvider.
              when('/about', {templateUrl:'folder/test.html', controller:AboutCtrl}).
              when('/experiments', {templateUrl:'folder/test.html', controller:ExperimentsCtrl   }).
              when('/home', {templateUrl:'folder/test.html', controller:HomeCtrl   }).
              otherwise({redirectTo:'/home'});
      });
  
  function AboutCtrl($scope) {
      $scope.title = 'About Page';
      $scope.body = 'This is the about page body';
  }
  
  function ExperimentsCtrl($scope) {
      $scope.title = 'Experiments Page';
      $scope.body = 'This is the about experiments body';
  }
  
  function HomeCtrl($scope) {
      $scope.title = 'Home Page';
      $scope.body = 'This is the about home body';
  }
  </code></pre>