AngularJs Routing with parameters
<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>