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: --> 
+1

检查控制台的网络选项卡中的实际AJAX请求......看看有什么线索,它可以给你 – charlietfl 2014-10-30 00:36:38

+1

在'ng-view'中使用'ng-controller'似乎是错误的。从'

'标签中删除'ng-controller'属性 – Phil 2014-10-30 00:41:31
+1

明确的说,在'ng-view'的父节点上使用'ng-controller'没有错。当您需要独立于活动视图的应用程序级别控制器时,这是最常见的实现。在这个例子中,'$ routeProvider'已经被配置为向视图中注入'MainController',所以'

'标签上的'ng-controller =“MainController”似乎是多余的。 – user2943490 2014-10-30 03:19:23

重命名templateURLtemplateUrl

+0

啊!而已!谢谢! – Cevin 2014-10-31 23:42:14