AngularJS - Routes and Redirects

HTML

<script src="http://code.angularjs.org/1.1.4/angular.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<div ng-app="myapp">
    <div ng-view></div>
    <a href="#" target="_blank">Open in Tab/Window</a>
    <script type="text/ng-template" id="/list.html">
        <h4>List</h4>
        <a href="#/detail/1" class="btn">One</a>
        <a href="#/detail/?id=2" class="btn">Two</a>
    </script>
</div>

JavaScript

var myapp = angular.module('myapp', []).config(function ($routeProvider) {
    $routeProvider.when('/list', {
        templateUrl: '/list.html'
    }).when('/detail/', {
        redirectTo: function (params, path, query) {
            return '/detail/' + query.id;
        }
    }).when('/detail/:id/', {
        template: '<h4>Detail</h4><a href="#/list" class="btn">Back</a>'
    }).when('/', {
    		template: '<h4>Detail3</h4><a href="#/list" class="btn">Back</a>'
    }).otherwise({
        redirectTo: '/list'
    });
});