Verwenden von TemplateUrl funktioniert nicht

Question

Hallo, ich habe ein Problem mit meinem Code. Wenn ich auf die Link-Seite klicke, wird sie nicht neu geladen.

ist hier ein HTML und JS-Code:

var app=angular.module('mainApp',['ngRoute']); 
 
app.config(function($routeProvider){ 
 
     $routeProvider 
 
      .when('/',{ 
 
       templateUrl: 'home.html' 
 
      }) 
 
      .when('/about',{ 
 
       templateUrl: 'about.html' 
 
      }); 
 
\t \t .when('/contact',{ 
 
       templateUrl: 'contact.html' 
 
      }); 
 
\t \t .otherwise({ redirectTo: '/'}); 
 
}); 
 
app.controller('mainCtrl',function($scope){ 
 
\t 
 
});

<div ng-controller="mainCtrl"> 
 
\t \t <div> 
 
\t \t \t <nav> 
 
\t \t \t \t <ul> 
 
\t \t \t \t \t <li><a href="#/">Home</a></li> 
 
\t \t \t \t \t <li><a href="#/about">About us</a></li> 
 
\t \t \t \t \t <li><a href="#/contact">Contact</a></li> 
 
\t \t \t \t </ul> 
 
\t \t \t </nav> 
 
\t \t </div> 
 
\t <br/> 
 
\t \t <div ng-view > 
 
\t \t 
 
\t \t </div> 
 
</div>

Haben Sie eine Ahnung, was `s falsch?

Answer 1

dieses Semikolon

var app=angular.module('mainApp',['ngRoute']); 
    app.config(function($routeProvider){ 
      $routeProvider 
       .when('/',{ 
        templateUrl: 'home.html' 
       }) 
       .when('/about',{ 
        templateUrl: 'about.html' 
       }) 
       .when('/contact',{ 
        templateUrl: 'contact.html' 
       }) 
       .otherwise({ redirectTo: '/'}); 
    }); 
    app.controller('mainCtrl',function($scope){ 

    }); 

Answer 2

Remove Versuchen (;) für die zweite und thirs .when Fälle

var app=angular.module('mainApp',['ngRoute']); 
app.config(function($routeProvider){ 
    $routeProvider 
     .when('/',{ 
      templateUrl: 'home.html' 
     }) 
     .when('/about',{ 
      templateUrl: 'about.html' 
     }) 
     .when('/contact',{ 
      templateUrl: 'contact.html' 
     }) 
     .otherwise({ redirectTo: '/'}); 
}); 

Answer 3

Öffnen Sie die Konsole. Wahrscheinlich fehlt Ihr BASE-Tag. Fügen Sie es dem HEAD-Tag hinzu.

<base href="/" />