javascript - cloak - ng-init

Devuelva inmediatamente una promesa resuelta usando AngularJS

Question

Estoy tratando de entender las promesas en JavaScript (en particular, AngularJS).

Tengo una función en un servicio, llamémoslo fooService , que verifica si hemos cargado algunos datos. Si es así, solo quiero que vuelva, y si no lo hicimos, tenemos que cargar los datos y devolver una promesa:

this.update = function(data_loaded) {
    if (data_loaded) return;  // We''ve loaded the data, no need to update

    var promise = Restangular.all(''someBase'').customGet(''foo/bar'').then(function(data) {
        // Do something with the data here
    }

    return promise;
}

Tengo otra función que luego llama a la función de update de fooService así:

fooService.update(data_loaded).then(function() {
    // Do something here when update is finished
})

Mi problema aquí es que si no necesitamos cargar los datos en la función de update , no se devuelve una promesa, por lo que el .then() no se llama en mi otra función. ¿Cuál debería ser el enfoque aquí - básicamente quiero devolver una promesa resuelta inmediatamente desde la función update() si no necesitamos obtener datos de la llamada Restangular?

Answer 1

El servicio $ q de AngularJS te ayudará aquí. Es muy parecido a la biblioteca de la promesa Q de Kris Kowal .

Cuando tiene un método asíncrono que puede devolver una promesa o valor, use el método $ q.when . Tomará lo que se le pase, ya sea una promesa o un valor y creará una promesa que se resolverá / rechazará en función de la promesa aprobada, o se resolverá si se aprueba un valor.

$q.when( fooService.update(data_loaded) ).then(function(data){
   //data will either be the data returned or the data
   //passed through from the promise
})

y luego en su función de actualización devuelve los datos en lugar de simplemente regresar

if (data_loaded) return data_loaded;

Answer 2

Puede usar $q.defer() esta manera:

this.update = function (data_loaded) {
    var deferred = $q.defer();

    if (data_loaded) {
        deferred.resolve(null); // put something that your callback will know the data is loaded or just put your loaded data here.
    } else {
        Restangular.all(''someBase'').customGet(''foo/bar'').then(function(data) {
            // Do something here when update is finished
            deferred.resolve(data);
        }
    }

    return deferred.promise;
};

Espero que esto ayude.

Answer 3

Como su promesa utiliza la misma sintaxis que la nativa de JavaScript, puede usar y devolver una promesa de JavaScript ya resuelta: Promise.resolve ()

return(Promise.resolve("MyReturnValue"));

Answer 4

La respuesta aceptada actual es demasiado complicada y abusa del patrón anti diferido . Aquí hay un enfoque más simple:

this.update = function(data_loaded) {
    if (data_loaded) return $q.when(data);  // We''ve loaded the data, no need to update

    return Restangular.all(''someBase'').customGet(''foo/bar'')
                             .then(function(data) {
        // Do something with the data here 
    });
};

O, aún más:

this._updatep = null;
this.update = function(data_loaded) { // cached
    this._updatep = this._updatep || Restangular.all(''someBase'') // process in
                                                .customGet(''foo/bar''); //.then(..
    return this._updatep;
};