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: -->
检查控制台的网络选项卡中的实际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