добрый день всем!
<!DOCTYPE html>
<html ng-app='pictures'>
<head>
<title>NG</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div id='pictures-list' ng-controller='PicturesController as pictures'>
<ul class="list-group">
<li class="list-group-item" ng-repeat='pict in pictures.pictures'>{{pict.thumbnailUrl}}<br>{{pict.title}}</li>
</ul>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
<script src="app.js"></script>
</body>
</html>
(function() {
angular.module('pictures', []);
angular.module('pictures')
.controller("PicturesController", ['picturesFactory', PicturesController]);
function PicturesController(picturesFactory) {
var vm = this;
vm.pictures = picturesFactory.getHttp();
/*
vm.pictures = [];
$http.get('http://jsonplaceholder.typicode.com/photos').success(function(data) {
vm.pictures = data;
});
*/
};
angular.module('pictures')
.factory("picturesFactory", ['$http', picturesFactory]);
function picturesFactory($http) {
var getHttp = function() {
var pictures = [];
$http.get('http://jsonplaceholder.typicode.com/photos').success(function(data) {
pictures = data;
});
return pictures;
};
return {getHttp: getHttp};
};
})();
Если раскомментировать коммент в контроллере, то запрос работает нормально
из фабрики почему-то ничего не выходит... не могу понять где косяк... помогите, пожалуйста, разобраться.
Спасибо!