AngularJS: ngRoute não funciona

Eu estou tentando fazer esse roteamento simples funcionar e não consigo descobrir qual é o problema.

Este é o HTML:

Este é o roteamento:

 var app = angular.module('app',[ 'ngRoute', 'ngSanitize' ]); app.config(['$routeProvider',function($routeProvider){ $routeProvider .when('/voip',{ templateUrl:'assets/templates/voip.html' }); }]); 

O modelo é carregado se eu especificar ‘caso contrário’, conforme abaixo. Eu pensei que talvez eu estou usando a syntax errada no meu atributo href, mas eu olhei em todos os lugares e parece que é assim que deve ser.

  .otherwise({ redirectTo:'/voip' }) 

Outra coisa é, se eu ouvir $routeChangeSuccess , o evento é acionado, mas a exibição não está carregada.

Alguma ideia?

É propriamente porque você está usando o angular 1.6 e houve uma mudança no prefixo hash padrão:

Devido ao aa077e8, o prefixo de hash padrão usado para URLs de hash do $ location mudou da string vazia (”) para o estrondo (‘!’). Se o seu aplicativo não usar o modo HTML5 ou estiver sendo executado em navegadores que não suportam o modo HTML5 e você não tiver especificado seu próprio hash-prefixo, os URLs do lado do cliente agora conterão um! prefixo. Por exemplo, em vez de mydomain.com/#/a/b/c, o URL se tornará mydomain.com/#!/a/b/c.

Se você realmente não quiser ter um prefixo hash, poderá restaurar o comportamento anterior adicionando um bloco de configuração ao seu aplicativo:

appModule.config ([‘$ locationProvider’, function ($ locationProvider) {
$ locationProvider.hashPrefix (”); }]); Fonte

Então você tem algumas opções:

1. Defina HTML5mode true

 $locationProvider.html5Mode(true); 

e em html set base no header html:

  

Por fim, altere para

  

2. Use o modo 1.6
mudança

para

3. Volte para o antigo comportamento do prefixo hash de 1,5 – definido manualmente

 app.config(['$locationProvider', function($locationProvider) { $locationProvider.hashPrefix(''); }]); 

tente usar pontos de exclamação em html5 + ajs 1.6.

por exemplo, em vez de href = “# home” ….. escreva href = “#! home”. Funcionou para mim depois de 4 horas de coçar a cabeça.