Verwalten von ES6/2015 Versprechen in Typescript mit einer Angular 1-App

Question

Wir haben eine Angular 1.5-Anwendung mit Typescript gebaut, und ich versuche herauszufinden, die beste Art, mit ng.IPromise vs Promise (ES6 Versprechen) umzugehen. Meine Vorliebe würde sein, nur mit dem ES6 Promise-Typ umzugehen. Gibt es eine elegante Möglichkeit, alle angular-js und angular-material (auch im Lieferumfang enthaltenen) Interfaces zu übersteuern, um es6 Versprechen zu nutzen?

Optionen kann ich mich vorstellen: (es kann getan werden)

1. einig d.ts Magie verwenden, dies zu tun
2. Cast ES6 Versprechen überall (Arbeiten, aber nicht intuitiv)
3. beitragen Quelle zu öffnen, Gabel, welche die Typisierungen für ng und ng Material, und sie Art von ES6 Versprechen zurückzukehren (ich wahrscheinlich dies nur tun sollte, aber nicht sicher, ich habe Zeit für einen Kaninchenbau jetzt) ​​

Erläuterung

Die zugrundeliegende Promise-Implementierung, die von der eckigen Anwendung verwendet wird, ist immer noch $ q (obwohl ich auch Angular-Bluebird-Versprechungen anwende). Ich versuche nur, die beteiligten Typescript-Schnittstellen zu vereinfachen/zu konsolidieren.

Answer 1

Es gibt sehr gute Gründe, warum sie zwei verschiedene Schnittstellen bleiben sollten.

Es gibt grundlegende Unterschiede zwischen $q Versprechen und anderen Implementierungen. $q Kette kann synchron sein und läuft auf Digest. Dies gilt nicht für andere Versprechen (nämlich native Promise).

In TS/ES6 Anwendung, wo einheimische und $q Versprechen koexistieren, Promise und ng.IPromise Schnittstellen können auf gemeinsame Nenner zusammengefasst werden, die beide von ihnen passen, z.B. IPromise (ohne ng). Aber es macht sehr wenig Sinn. Versehentliche Verwendung von nativen Versprechen in einem Stück Code, der $q Versprechen (und umgekehrt) erwartet, ist das letzte, was Sie tun möchten, aber es wird nicht durch Typescript verhindert, wenn gemeinsame IPromise verwendet wird.

Wenn erwartet wird, dass das Versprechen aus Angular exportiert und durch nicht-eckigen Code verwendet wird, ist es vorzuziehen, es in Promise umzuwandeln, wie die andere Antwort vorschlägt.

Für gegebene nicht-Angular Zusammenhang

let exportedPromise = getResolvedPromise(); 
... 
exportedPromise.then(...); 

diese

function getResolvedPromise() { 
    return Promise.resolve($q.resolve()); 
}; 

then Rückruf bei nächsten Tick ausgelöst.Und die

function getResolvedPromise() { 
    return $q.resolve(); 
}; 

wird die Kette bis zum nächsten Stammbereich verdaut Pause, obwohl then auf aufgelöste Versprechen gekettet ist.

Obwohl es für TS nicht relevant ist, ist this question ein gutes Beispiel, warum es wichtig ist, immer zu wissen, ob es $q oder natives Versprechen ist, das verwendet wird.

Answer 2

Gibt es eine elegante Art und Weise alle Winkel js und Winkelmaterial außer Kraft zu setzen Schnittstellen (auch im Lieferumfang enthalten) es6 Versprechen

Wir mit IPromise überall ging einfach zu bedienen. Es ist schwer zu ersetzen IPromise mit Promise aufgrund der zugrunde liegenden Implementierungsunterschiede. Sie würden besser tun Promise.resolve(someIPromise), wenn Sie möchten, aber dann würde es nicht mit eckigen spielen.