Angular无法加载模块

时间:2015-08-12 09:26:31

标签: angularjs

我正在学习AngularJS,我有一个奇怪的问题。我的代码如下:

HTML:

<!doctype html>
<html ng-app="blogApp">
<head>
    <title>Test</title>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
    <script src="script.js"></script>
</head>
<body>
<div class="container" ng-controller="blogPostsCtrl">
    <article ng-repeat="post in posts">
        {{post.title}}
    </article>
</div>
</body>
</html>

JS:

var blogApp = angular.module('blogApp', ['ngSanitize', 'ngRoute']);

blogApp.controller('blogPostsCtrl', function($scope, $http) {
    $http.get('//jsonplaceholder.typicode.com/posts').success(function(data) {
        $scope.posts = data;
        $scope.postsLoaded = 'visible-lg';
    });
});

它应该正常工作,因为我为它创建了一个模块,然后是控制器。但它返回错误:https://goo.gl/UWFMNm。我该怎么办?

1 个答案:

答案 0 :(得分:1)

您似乎没有安装ngRoute。它单独出现在自己的文件/模块中。

正如错误页面所示:

  

使用ngRoute

     

在AngularJS 1.2.0及更高版本中,ngRoute已移至其自己的模块。如果您在升级到1.2.x或更高版本后收到此错误,请确保您已安装ngRoute

ngRoute Documentation - 从那里包含文件以使其正常工作