Skip to main content
se eliminaron 25 caracteres en el cuerpo
Origen Enlace
Pikoh
  • 17.5k
  • 9
  • 41
  • 56

SOLUCION:

Para Para el problema que tenia, tuve que usar el servicio de angularJs llamado $q para manejar las promesas y era justo lo que andaba buscando, existen varias maneras de hacer promesas...
En la función $scope.users(); hacemos uso del servicio $q como se puede ver a continuación:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http, $filter, $q) {

    $scope.users = function() {
        return $q(function(resolve,reject) {
            $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);
                resolve();
            });
        });
    }

    $scope.test = function() {
        $scope.users().then(function(){
            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>
        <script src="script.js"></script>
    </head>

    <body ng-app="myApp" ng-controller="myCtrl">
        <div ng-repeat="user in arrItem">
            {{ user }}
        </div>
    </body>

</html>

SOLUCION:

Para el problema que tenia, tuve que usar el servicio de angularJs llamado $q para manejar las promesas y era justo lo que andaba buscando, existen varias maneras de hacer promesas...
En la función $scope.users(); hacemos uso del servicio $q como se puede ver a continuación:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http, $filter, $q) {

    $scope.users = function() {
        return $q(function(resolve,reject) {
            $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);
                resolve();
            });
        });
    }

    $scope.test = function() {
        $scope.users().then(function(){
            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>
        <script src="script.js"></script>
    </head>

    <body ng-app="myApp" ng-controller="myCtrl">
        <div ng-repeat="user in arrItem">
            {{ user }}
        </div>
    </body>

</html>

Para el problema que tenia, tuve que usar el servicio de angularJs llamado $q para manejar las promesas y era justo lo que andaba buscando, existen varias maneras de hacer promesas...
En la función $scope.users(); hacemos uso del servicio $q como se puede ver a continuación:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http, $filter, $q) {

    $scope.users = function() {
        return $q(function(resolve,reject) {
            $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);
                resolve();
            });
        });
    }

    $scope.test = function() {
        $scope.users().then(function(){
            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>
        <script src="script.js"></script>
    </head>

    <body ng-app="myApp" ng-controller="myCtrl">
        <div ng-repeat="user in arrItem">
            {{ user }}
        </div>
    </body>

</html>

Origen Enlace
zerokira
  • 1.9k
  • 4
  • 16
  • 39

SOLUCION:

Para el problema que tenia, tuve que usar el servicio de angularJs llamado $q para manejar las promesas y era justo lo que andaba buscando, existen varias maneras de hacer promesas...
En la función $scope.users(); hacemos uso del servicio $q como se puede ver a continuación:

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http, $filter, $q) {

    $scope.users = function() {
        return $q(function(resolve,reject) {
            $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);
                resolve();
            });
        });
    }

    $scope.test = function() {
        $scope.users().then(function(){
            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>
        <script src="script.js"></script>
    </head>

    <body ng-app="myApp" ng-controller="myCtrl">
        <div ng-repeat="user in arrItem">
            {{ user }}
        </div>
    </body>

</html>