簡單的AngularJS路由無法正常工作

Question

“主頁”和“ 關於”頁面具有簡單的標題內容，在運行頁面時未顯示。 而是顯示：

錯誤：$ injector：modulerr
模塊錯誤“。

我該如何解決？

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

 <div class="container"> <div> <nav> <a href="#/">Home</a> <a href="#/about">About</a> </nav> </div> </div> 

Answer 1

雖然我沒有運行你的代碼，但我可以看到語法錯誤。

編輯：實際上你有兩個語法錯誤，而不是錯過了'。'，你在$ routeProvider之后添加了兩個。

app.config(function ($routeProvider) {
$routeProvider. //Two '.'s 
    .when('/', {
        templateUrl : 'partial/home.html',

    })
    .when('/about', {
        templateUrl: 'partial/about.html',

    })
    //No '.' here
    otherwise({ redirectTo: '/'})
});

所以用'。'代替上面的內容，這樣函數鏈就不會破壞。

app.config(function ($routeProvider) {
$routeProvider
    .when('/', {
        templateUrl : 'partial/home.html',

    })
    .when('/about', {
        templateUrl: 'partial/about.html',

    })

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

Answer 2

此外，您應該使用$urlRouterProvider

$urlRouterProvider.otherwise('/');