我正在学习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。我该怎么办?
答案 0 :(得分:1)
您似乎没有安装ngRoute
。它单独出现在自己的文件/模块中。
正如错误页面所示:
使用
ngRoute
在AngularJS
1.2.0
及更高版本中,ngRoute
已移至其自己的模块。如果您在升级到1.2.x
或更高版本后收到此错误,请确保您已安装ngRoute
。
ngRoute Documentation - 从那里包含文件以使其正常工作