Javascript AngularJS-简单部分不加载_Javascript_Angularjs

Javascript AngularJS-简单部分不加载

javascript angularjs

Javascript AngularJS-简单部分不加载,javascript,angularjs,Javascript,Angularjs,我无法用angular 1.3来加载我的部分。我见过一些常见的错误，比如没有加载angular-route.js，或者在我的应用程序模块中指定“ngRoute”。我在控制台中没有看到任何错误。我已经看过了所有“不加载部分”的帖子，它们似乎不适用于这里。知道这是怎么回事吗？谢谢 index.html <html ng-app="App"> <head></head> <body ng-controller="MainController"> <

我无法用angular 1.3来加载我的部分。我见过一些常见的错误，比如没有加载angular-route.js，或者在我的应用程序模块中指定“ngRoute”。我在控制台中没有看到任何错误。我已经看过了所有“不加载部分”的帖子，它们似乎不适用于这里。知道这是怎么回事吗？谢谢

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>

controllers.js

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

test.html（我的部分）

{{model.message}

在我应该看到我的内容的地方，我会看到一条html注释：

<!-- ngView: -->

将

templateURL

重命名为

templateURL

在控制台的“网络”选项卡中检查实际的ajax请求…查看它可以为您提供哪些线索使用

ng controller

和

ng view

似乎是错误的。只需从

标记中删除

ng controller

属性即可。要清楚，在

ng视图的父视图上使用ng controller
是正确的。当您需要独立于活动视图的应用程序级控制器时，这是最常见的实现。但在本例中，$routeProvider
已配置为将MainController
注入视图，因此
标记上的ng controller=“MainController”似乎是多余的。啊！就这样！非常感谢。
<h1>{{model.message}}</h1>

<!-- ngView: -->