Estoy intentando hacer un console.log()
de un array
que lleno cuando hago la petición http
pero imprime vació, es posible hacer que ejecute primero toda la función del http
$scope.users();
y luego salga en la consola el resultado.
PD: El console.log
lo puedo hacer dentro de la petición http
pero no es lo que deseo, hay alguna otra forma, promesas o algo parecido?
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http, $filter) {
$scope.users = function() {
$scope.arrItem = [];
$http.get('https://jsonplaceholder.typicode.com/todos').then(function(res) {
$scope.users = res.data;
$filter('filter')($scope.users, function(value, index, array){
if (value.userId == 1) {
$scope.arrItem.push(value);
};
} , true);
});
}
$scope.test = function() {
$scope.users();
console.log($scope.arrItem);
}
$scope.test();
});
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<div ng-repeat="user in arrItem">
{{ user }}
</div>
</body>
</html>