路線不工作也不加載HTML視圖

Question

有人能幫助，路線不工作也不加載HTML視圖

https://plnkr.co/edit/yN1gi4urwWczedcCilbD

var hallApp = angular.module("hallApp",['ngRoute']); 

hallApp.config(['$routeProvider', function($routeProvider) { 
    $routeProvider.when('/home', { 
     templateUrl: 'home.html', 
     controller: 'homeCtrl' 

    }).when('/income', { 
     templateUrl: '../../views/income.html', 
     controller: 'incomeCtrl', 
     css: '../../css/income.css' 
    }).when('/expense', { 
     templateUrl: '../../views/expense.html', 
     controller: 'expenseCtrl', 
     css: '../../css/expense.css' 
    }).when('/profitandloss', { 
     templateUrl: '../../views/profitandloss.html', 
     controller: 'profitandlossCtrl', 
     css: '../../css/profitandloss.css' 
    }).otherwise({ 
     redirectTo: '/home' 
    }); 

}]); 

hallApp.controller('homeCtrl', ['$scope', function($scope) { 
    $scope.greeting = 'Home!'; 
}]); 

有人能幫助，路線不工作也不加載HTML視圖

Answer 1

在你Plunkr，你正在重新定義HallApp，所以你的路由消失：

var hallApp = angular.module("hallApp",['ngRoute']); // <- first define 

hallApp.config(...); 

hallApp.controller('homeCtrl', ['$scope', function($scope) { 
    $scope.greeting = 'Home!'; 
}]); 

var hallApp = angular.module('hallApp', []); // <- second define 
hallApp.controller('newCtrl', function($scope) { 
// create a message to display in our view 
$scope.message = 'Everyone come and see how good I look!'; 
}); 

刪除「第二個定義」，你會沒事的（固定Plunkr here）。

---

注：在角，語法：

angular.module('app', []) 

和

angular.module('app') 

具有不同的含義。第一個創建一個新模塊，第二個返回對現有模塊的引用。所以應該只有一個調用模塊（字符串，數組）與相同的字符串！