Aprendiendo algo angular, y estoy atascado en el enrutamiento

Aquí está mi configuración angular

var meanApp = angular.module('carz', ['ngRoute']);


meanApp.config(function($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl: 'home.html',
            controller: 'mainCtrl'
        })
        .when('/red', {
            templateUrl: 'red.html',
            controller: 'redCtrl'
        });
});

Aquí están mis enlaces

<a href="#">Home</a>
<a href="#red">Red</a>

Cuando cargo mi aplicación de nodo me dirigen a

http://localhost:8080/#!/

Y hago que mi controlador angular funcione como se espera dentro delng-view etiquetas

Pero no puedo cambiar de un controlador a otro utilizando los enlaces anteriores.

Si selecciono la etiqueta roja, mi URL agrega un # adicional convirtiéndose

http://localhost:8080/#!/#red

Tenga en cuenta si cambio manualmente a

http://localhost:8080/#!/red

Mi controlador cambia y funciona, ¿por qué obtengo el # extra?

Gracias por cualquier ayuda