Typescript非同期/待機および$ qサービス

Question

新しいTypeScript非同期/待機機能はES6の約束を使用します。 AngularJSはわずかに異なるインターフェイスで$qサービス約束を使用します。

$qサービスの約束でTypeScript非同期/待機機能を使用する方法はありますか？

Answer 1

はどのように行うのです：

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

Answer 2

私はあなたがそれらを直接使用することはできないと思います。しかし、このように、++の約束に何かをq個の約束を変換するのは非常に簡単なはず：すべてのファイルどこに__awaiter関数を生成する活字体1.8のため

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：

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

Answer 3

は最後に、私は次の回避策を使用しましたawait演算子が使用されます。私はresolveとrejectが呼び出されるたびにダイジェストサイクルを開始するカスタムPromiseコンストラクタを渡す実装に置き換えます。ここで使用例である：ここでhttps://github.com/llRandom/ts-awaiter