AngularJS - 简单的部分不加载

时间:2014-10-30 00:30:40

标签: javascript angularjs

我无法让我的部分加载角度为1.3。我已经看到了常见的错误,例如没有加载angular-route.js,或指定' ngRoute'在我的app模块中。我在控制台中看不到任何错误。我已经看过所有没有加载的部分'帖子,他们似乎不适用于此。知道这里发生了什么吗?谢谢!

的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 个答案:

答案 0 :(得分:2)

templateURL重命名为templateUrl