Tengo un encabezado con dos elementos que, cuando se hace clic en los enlaces, debería llevarme a dos URL diferentes:

 <header ng-controller="myHeader"> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <div class="container"> <div class="navbar-header"> <a class="navbar-brand" href="/">AngularJS Weather</a> </div> <nav class="nav nav-pills nav-fill"> <a href="#/" class="nav-link" ng-click="activeNav = 1" ng-class=" { 'nav-link active': activeNav === 1, 'nav-link': activeNav !== 1}"> Home </a> <a href="#/data" class="nav-link" ng-click="activeNav = 2" ng-class=" { 'nav-link active': activeNav === 2, 'nav-link': activeNav !== 2 }"> Data Base </a> </nav> </div> </nav> </header>

Luego tengo mis controladores con el servicio ROUTE de angular pero al hacer clic en esos dos elementos en lugar de obtener lo que esperaba:

• INICIO - index.html#/
• DATOS - index.html#/datos

En cambio, obtengo estos resultados:

• INICIO - index.html#!/#%2F
• DATOS - index.html#!/#%2Fdata

Incluso en la página de inicio, mi URL es: index.html#!/

No sé por qué no lo es: index.html#/

Por favor, agradecería cualquier ayuda.

Gracias