2015-08-12 2 views
0

Я изучаю 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> 

ЯШ:

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

Похоже, вы не установили ngRoute. Он поставляется отдельно в своем собственном файле/модуле.

Как страницу ошибки говорит:

Using ngRoute

In AngularJS 1.2.0 and later, ngRoute has been moved to its own module. If you are getting this error after upgrading to 1.2.x or later, be sure that you've installed ngRoute .

ngRoute Documentation - включить файл оттуда, чтобы он работал

+0

И я подумал, что это придет с 'angular.min.js'. Большое спасибо! –