0

I'm learning AngularJS and I have a strange problem with it. My code is as follows:

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';
    });
});

It should be working, as I create a module and then controller for it. But it [returns an error][1]. What can I do?

[1]: https://docs.angularjs.org/error/$injector/modulerr?p0=blogApp&p1=Error:%20%5B$injector:modulerr%5D%20http://errors.angularjs.org/1.4.3/$injector/modulerr?p0%3DngSanitize%26p1%3DError%253A%2520%255B%2524injector%253Anomod%255D%2520http%253A%252F%252Ferrors.angularjs.org%252F1.4.3%252F%2524injector%252Fnomod%253Fp0%253DngSanitize%250A%2520%2520%2520%2520at%2520Error%2520(native)%250A%2520%2520%2520%2520at%2520http%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.4.3%252Fangular.min.js%253A6%253A416%250A%2520%2520%2520%2520at%2520http%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.4.3%252Fangular.min.js%253A24%253A66%250A%2520%2520%2520%2520at%2520a%2520(http%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.4.3%252Fangular.min.js%253A23%253A109)%250A%2520%2520%2520%2520at%2520P.bootstrap%2520(http%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.4.3%252Fangular.min.js%253A23%253A352)%250A%2520%2520%2520%2520at%2520http%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.4.3%252Fangular.min.js%253A37%253A451%250A%2520%2520%2520%2520at%2520m%2520(http%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.4.3%252Fangular.min.js%253A7%253A322)%250A%2520%2520%2520%2520at%2520g%2520(http%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.4.3%252Fangular.min.js%253A37%253A229)%250A%2520%2520%2520%2520at%2520http%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.4.3%252Fangular.min.js%253A37%253A398%250A%2520%2520%2520%2520at%2520m%2520(http%253A%252F%252Fajax.googleapis.com%252Fajax%252Flibs%252Fangularjs%252F1.4.3%252Fangular.min.js%253A7%253A322)%0A%20%20%20%20at%20Error%20(native)%0A%20%20%20%20at%20http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:6:416%0A%20%20%20%20at%20http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:38:154%0A%20%20%20%20at%20m%20(http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:7:322)%0A%20%20%20%20at%20g%20(http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:37:229)%0A%20%20%20%20at%20http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:37:398%0A%20%20%20%20at%20m%20(http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:7:322)%0A%20%20%20%20at%20g%20(http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:37:229)%0A%20%20%20%20at%20eb%20(http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:40:503)%0A%20%20%20%20at%20d%20(http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js:19:339

1 Answer 1

1

Looks like you didn't install ngRoute. It comes separately in its own file/module.

As the error page says:

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 - include the file from there for it to work

Sign up to request clarification or add additional context in comments.

1 Comment

And I thought it'll come with angular.min.js. Thanks alot!

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.