AngularJS - 簡單的部分不加載

我無法讓我的部分加載角1.3。我已經看到了一些常見的錯誤，比如不加載angular-route.js，或者在我的應用模塊中指定'ngRoute'。我在控制檯中看不到任何錯誤。我已經看過所有'部分不加載'的帖子，而且他們似乎並不適用於此。任何想法這裏發生了什麼？謝謝！AngularJS - 簡單的部分不加載

的index.html

<html ng-app="App"> 
<head></head> 
<body ng-controller="MainController"> 

<div ng-view=""></div> 

<script src="scripts/angular/angular.js"></script> 
<script src="scripts/angular/angular-route.js"></script> 
<script src="scripts/app.js"></script> 
<script src="scripts/controllers.js"></script> 
<body> 
</html>

app.js

(function() { 
var app = angular.module('App', ['ngRoute']); 

app.config(function($routeProvider) { 
    $routeProvider 
     .when('/', 
      { 
       controller: 'MainController', 
       templateURL: './partials/test.html' 
      }) 
     .otherwise({ redirectTo: '/' }); 
    }); 

}());

controllers.js

(function() { 
    var MainController = function ($scope) { 
     $scope.model = { 
      message: 'Aaarrrgh!' 
     }; 
    }; 
    MainController.$inject = ['$scope']; 
    angular.module('App').controller('MainController', MainController);  
}());

的test.html（我的局部的）

<h1>{{model.message}}</h1>

我應該在哪裏看到我的內容，我看到一個HTML註釋：

<!-- ngView: -->

來源

2014-10-30 Cevin

檢查控制檯的網絡選項卡中的實際AJAX請求......看看有什麼線索，它可以給你 – charlietfl 2014-10-30 00:36:38

在'ng-view'中使用'ng-controller'似乎是錯誤的。從''標籤中刪除'ng-controller'屬性 – Phil 2014-10-30 00:41:31

明確的說，在'ng-view'的父節點上使用'ng-controller'沒有錯。當您需要獨立於活動視圖的應用程序級別控制器時，這是最常見的實現。在這個例子中，'$ routeProvider'已經被配置爲向視圖中注入'MainController'，所以''標籤上的'ng-controller =「MainController」似乎是多餘的。 – user2943490 2014-10-30 03:19:23

重命名templateURL到templateUrl

來源

2014-10-30 03:46:00

啊！而已！謝謝！ – Cevin 2014-10-31 23:42:14

AngularJS - 簡單的部分不加載

回答

相關問題