Aprendendo um pouco de Angular - e eu estou preso no roteamento

Aqui está a minha configuração 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'
        });
});

Aqui estão os meus links

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

Quando carrego meu aplicativo de nó, sou direcionado para

http://localhost:8080/#!/

E meu controlador angular funciona como esperado dentro dong-view Tag

Mas não consigo mudar de um controlador para outro usando os links acima.

Se eu selecionar a etiqueta vermelha, meu URL adicionará um # número extra

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

Observe se eu mudar manualmente para

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

Meu controlador muda e funciona. Por que estou recebendo o número extra #

Obrigado por qualquer ajuda