title: AngularJS routing with templateUrl
body: <p>I have a problem with the AngularJS routing: I don't get any feedback of the page. No errors or view-switches.</p>
  
  <p>I checked my implementation of the module, but it's declared in the right way. Then I searched for typos such as <code>templateURL</code>, but I didn't find any. I also tried to use <code>ng-href</code> instead of <code>href</code> in the list, but then the links weren't clickable anymore.</p>
  
  <p><a href="http://plnkr.co/edit/dX25tGBGG75Jv2Ow9mAD" rel="nofollow noreferrer">Here is my <strong>plunker</strong>.</a></p>
  
  <p>And my code:</p>
  
  <ol>
  <li><p>Created my navigation:</p>
  
  <pre><code>&lt;body ng-app="Productportfolio"&gt;
  
  &lt;ul&gt;
    &lt;li&gt;
      &lt;a href="#/home"&gt;Home&lt;/a&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;a href='#/privat'&gt;Log in&lt;/a&gt;
   &lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;ng-view&gt;&lt;/ng-view&gt;
  
  &lt;!--own js --&gt;
  &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;!--Controller --&gt;
  &lt;script src="ProductCtrl.js"&gt;&lt;/script&gt;
  &lt;!--Services --&gt;
  &lt;!--Direktives--&gt;
  &lt;/body&gt;
  </code></pre></li>
  </ol>
  
  
  
  <ol start="2">
  <li><p>Made the templates:</p>
  
  <pre><code>//home.html
  &lt;div&gt;
    &lt;h1&gt; Home &lt;/h1&gt;
  &lt;/div&gt;
  
  //private.html
  &lt;div&gt;
    &lt;h1&gt; Private&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre></li>
  <li><p>Declared a Angular module:</p>
  
  <pre><code>angular.module('Productportfolio', ['ngRoute'])
  </code></pre></li>
  <li><p>Added the $routeProvider to my config:</p>
  
  <pre><code>angular.module('Productportfolio', ['ngRoute', 'ProductService', 'ProductCtrl'])
  
  .config(['$routeProvider, $locationProvider', function ($routeProvider, $locationProvider) {
  
    $routeProvider
  
      .when('/home', {
          templateUrl: 'home.html',
          controller: 'ProductCtrl'
      })
  
      .when('/private', {
          templateUrl: 'private.html',
          controller: 'ProductCtrl'
      })
  
      .otherwise({
          redirectTo: '/home',
          controller: 'ProductCtrl'
      });
  
    $locationProvider.hashPrefix('!');
  
  }]);
  </code></pre></li>
  </ol>