title: changing $routeProvider to $urlRouterProvider
body: <p>I am new to angularjs and trying to change my codes using $routeProvider to $urlRouterProvider. </p>
  
  <p>Here is my code for using $routeProvider:</p>
  
  <pre><code>.when('/cars', {
      templateUrl: 'views/cars.html',
      controller: 'CarsCtrl'
    })
  .when('/cars/:id', {
      templateUrl: 'views/cardetail.html',
      controller: 'CarDetailCtrl'
    })
  </code></pre>
  
  <p>and my html looks like this:</p>
  
  <pre><code>&lt;div class="list-group"  ng-repeat="car in cars"&gt;
    &lt;a href="#/cars/{{car.id}}" class="list-group-item active"&gt;
     &lt;h4 class="list-group-item-heading"&gt;{{car.id}}&lt;/h4&gt;
     &lt;p class="list-group-item-text"&gt;Car name: {{car.name}}&lt;/p&gt;
     &lt;p class="list-group-item-text"&gt;Car date: {{car.date}}&lt;/p&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So when I click on one of the car arrays, it leads to cardetail.html.
  This code works in using $routeProvider. Now, I am trying to convert this to using $urlRouterProvider, and I am having a bit of problem. </p>
  
  <p>What I did so far looks like this (which doesn't work):</p>
  
  <pre><code>.state('cars', {
      url: '/cars',
      parent: 'dashboard',
      templateUrl: 'views/modules/cars/cars.html?v='+window.app_version,
      controller: 'CarsCtrl'
  })
  .state('carDetail', {
      url: '/car/:id',
      parent: 'dashboard',
      templateUrl: 'views/modules/cars/carsDetail.html?v='+window.app_version,
      controller: 'CarDetailCtrl'
  })
  </code></pre>
  
  <p>and my HTML:</p>
  
  <pre><code>&lt;pageheader pagename="Cars" subtitle="your cars"&gt;&lt;/pageheader&gt;
  
  &lt;div class="list-group"  ng-repeat="car in cars"&gt;
   &lt;a ng-href="#/carDetail/{{id}}" class="list-group-item active"&gt;
    &lt;h4 class="list-group-item-heading"&gt;{{car.id}}&lt;/h4&gt;
    &lt;p class="list-group-item-text"&gt;Car name: {{car.name}}&lt;/p&gt;
    &lt;p class="list-group-item-text"&gt;Car date: {{car.date}}&lt;/p&gt;
   &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a problem in my HTML?
  help much appreciated.</p>