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