Angular 2.0 - konvertieren von Versprechen, die die Verkettung mit physikalischen Grössen

Bin ich mit der Konvertierung eines NG-1.X service-NG 2.0.

Mein NG 1.X service hat Versprechen chaining (vereinfacht):

dataService.search = function(searchExp) {
      return this.getAccessToken()
      .then(function(accesstoken) {
        var url = $interpolate('https://my-api-url?q={{search}}&{{accesstoken}}')({search: searchExp, accesstoken: accesstoken});
        return $http({
          url: url,
          method: 'GET',
          cache: true
        });
      }).then(function(response) {
        return response.data;
      });
    };

Ich konvertieren wollen search service zu einem Winkel-2.0-Service, mit http und die Rückkehr Observable. Ich bevorzuge das verlassen der getAccessToken service unberührt, da eine NG-1.X service, das gibt ein Versprechen.

Ich dachte über die Verwendung von Observable.fromPromise auf das alte "Versprechen" service.

Wie kann ich es tun? Wie kann ich Kette diese beiden?

BEARBEITEN:

Nur zur Klarstellung, ich will, dass es so etwas wie dieses:

dataService.search = function(searchExp) {
 return this.getAccessToken()
        .then(function(accesstoken) {
           //Here I want to use:
           //this.http.get(url).subscribe(() => ...)
          });
        };
  • Observable.fromPromise(dataService.search)?
  • Dies liegt auf der Hand. Mein problem ist, wie gebe ich diesen Wert aus einer Funktion? Ich kann nicht die Kette es!
InformationsquelleAutor Yaniv Efraim | 2015-12-24
  1. 8

    Sollten Sie search Methode zurück Beobachtbaren Objekt. So etwas wie dieses:

    dataService.search = function(searchExp) {

    var promise = new Promise((resolve, reject) => {
        this.getAccessToken()
            .then(accesstoken => {
                return this.http.get('data.json')
                    .map(response => response.json())
                    .subscribe(data => resolve(data), err => reject(err))
            })
    });

    return PromiseObservable.create(promise); //Observable.fromPromise(promise)
};
    • Danke für die Antwort. Meine Frage ist, wie ändere ich das zweite Versprechen, zu einem Eckigen 2.0 http verwendet zu Beobachten.
    • Du meinst inneren $http?
    • Gerade wieder beobachten, wie innere Versprechen. Dann tun return Observable.fromPromise(promise);. Siehe aktualisierte Antwort.
    • Das ist interessant. Ich habe versucht, es dann aber In die Komponente aufrufen der service, den ich haben: `dataService.Suche(Daten).abonnieren((res) => //res hier ist eine Beobachtbare!!)
    • Ja, meine version wird nicht funktionieren. Ich ein experiment, das scheint besser zu funktionieren. Überprüfen Sie aktualisierte version. Hier ist ein demo auch: plnkr.co/Bearbeiten/VPnCTXV6lVayIp4HJ8pV?p=info
    • Das sieht wirklich cool aus. Ich werde versuchen zu erlassen, um es in meine Anwendung. @dfsq - glaubst du, dass es eine bessere Lösung / Ansatz für diese situation? Ich Spiele mit upgrade von ng-1.x ng 2.0 und ich Frage mich, ob diese situation (verketteter Dienste) ist eine schlechte Praxis von den ersten Platz. Vielen Dank für die Hilfe!!!

    InformationsquelleAutor dfsq
  2. 3

    Konvertierte ich @dfsq ist Plunker zu beta.0. map() scheint nicht mehr verfügbar sein, ohne Sie zu importieren (aber wir brauchen es nicht hier).

    import {Component, Injectable} from 'angular2/core';
import {HTTP_PROVIDERS, Http} from 'angular2/http';
import {PromiseObservable} from 'rxjs/observable/fromPromise';

@Injectable()
export class DataService {
  constructor(private _http: Http, private _accessService: AccessService) {} 
  search(searchExp) {
    var promise = new Promise((resolve, reject) => {
      this._accessService.getAccessToken()  //see Plunker for AccessService
        .then(accessToken => {
          return this._http.get('data.json')  //use accessToken here
            .subscribe(res => resolve(res.json()), err => reject(err));
        });
    });
    return PromiseObservable.create(promise);
  }
}
@Component({
  selector: 'my-app',
  providers: [HTTP_PROVIDERS, AccessService, DataService],
  template: `<h2>Data loaded</h2><pre>{{data | json}}</pre>
  `
})
export class AppComponent {
  data: any;
  constructor(private _dataService: DataService) { 
    console.clear();
  } 
  ngOnInit() {
    this._dataService.search('test')
      .subscribe(res => {
        this.data = res; 
      });
  }
}

    beta.0 Plunker

    InformationsquelleAutor Mark Rajcok
Schreibe einen Kommentar