title: AngularJS view doesn't change when navigating to link
body: <p>I'm baffled by the following: I have a simple link like this:</p>
  
  <pre><code>    &lt;li&gt;&lt;a href="#/foo"&gt;Foos&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>but when clicking on it, the view is not updated. The URL in the browser changes, but nothing happens, and nothing gets displayed in the console. If I load the URL directly in the browser, then the correct page is loaded.</p>
  
  <p>The routes look like this:</p>
  
  <pre><code>app.config(function($routeProvider, RestangularProvider) {
      $routeProvider
          .when('/index', {templateUrl: 'assets/views/index.html'})
          .when('/foos', {templateUrl: 'assets/views/list.html', controller: controllers.FooListCtrl})
          .when('/foos/create', {templateUrl: 'assets/views/update.html', controller: controllers.FooUpdateCtrl})
          .when('/foos/:id/update', {templateUrl: 'assets/views/update.html', controller: controllers.FooUpdateCtrl})
          .otherwise({redirectTo: '/index'});
  
      RestangularProvider.setBaseUrl("/admin");
  });
  </code></pre>