title: AngularJs Routing with parameters
body: <p>Can someone explain how I can route to a Url using parameters?</p>
  
  <p>E.g. id like to click on a product and open more info of the product by Id. </p>
  
  <p>My Routing so far ...</p>
  
  <pre><code>        angular.module('shop', ["customFilters", "cart", "ngRoute"])
          .config(function ($routeProvider){
  
              $routeProvider.when("/complete", {
                  templateUrl: "../app/views/orderComplete.html"
              });
  
              $routeProvider.when("/placeorder", {
                  templateUrl: "../app/views/placeOrder.html"
              });
  
              $routeProvider.when("/checkout", {
                  templateUrl: "../app/views/checkoutSummary.html"
              });
  
              $routeProvider.when("/products", {
                  templateUrl: "../app/views/productList.html"
              });
  
              $routeProvider.when("/product:", {
                  templateUrl: "../app/views/product.html"
              });
  
              $routeProvider.otherwise({
                  templateUrl: "../app/views/productList.html"
              });
  
          });
  </code></pre>
  
  <p>So By clicking ...</p>
  
  <pre><code>&lt;a class="btn btn-default" href="#/product/{{item.id}}"&gt;More Info&lt;/a&gt;
  </code></pre>
  
  <p>Id like to be routed to product/{{id}}.html ...</p>
  
  <p>Can someone advise what I am missing in ...</p>
  
  <pre><code>       $routeProvider.when("/product:id", {
              templateUrl: "../app/views/product.html"
          });
  </code></pre>