Servizio async/await and angular $ q dattiloscritto

Question

La nuova funzione async/await TypeScript utilizza le promesse ES6. AngularJS utilizza le promesse del servizio $q con un'interfaccia leggermente diversa.

C'è un modo per utilizzare la funzionalità async/await di TypeScript con le promesse del servizio $q?

Answer 1

Ecco come si fa:

angular.module('your app') 
     .run(['$window', '$q', function($window, $q) { 
      $window.Promise = $q; 
     }]); 

Answer 2

Non penso che sarete in grado di usarli direttamente. Ma dovrebbe essere abbastanza facile da convertire q promessa in una promessa ++, qualcosa di simile:

function Convert<T>(qPromise): Promise<T> 
{ 
    return new Promise<T>((resolve, reject) => 
    { 
     qPromise.then((result: T) => resolve(result), (e) => reject(e)); 
    }); 
}; 

Answer 3

Infine ho usato la seguente soluzione:

declare var __awaiter: Function; 
(window as any).__awaiter = __awaiter; // set global __awaiter to avoid declaring default __awaiter in other files 
async() => { } // dummy async function to generate __awaiter code for current file 

angular.module('ts-awaiter', []).run(['$timeout', ($timeout: ng.ITimeoutService) => { 
    function wrap(func: Function) { 
     return function() { 
      func.apply(this, arguments); 
      $timeout(() => { }); // run angular digest 
     }; 
    } 

    var oldAwaiter = __awaiter; 
    (window as any).__awaiter = (thisArg: any, _arguments: any, P: Function, generator: any) => { 
     P = function (executor: Function) { 
      return new Promise<any>((resolve, reject) => { 
       resolve = wrap(resolve); 
       reject = wrap(reject); 
       executor(resolve, reject); 
      }); 
     }; 
     return oldAwaiter(thisArg, _arguments, P, generator); 
    }; 
}]); 

Comliper per tipografico 1.8 genera __awaiter funzione in tutti i file in cui L'operatore await viene utilizzato. Lo sostituisco con l'implementazione che passa il costruttore personalizzato Promise che avvia il ciclo di digest dopo ogni chiamata resolve e reject. Ecco esempio di utilizzo: https://github.com/llRandom/ts-awaiter