Angular 2 http erhalten nicht

Ich neu Eckig 2 noch zu lernen, ich bin versucht, auf einen url mit einer get-rufen, aber die bekommen dosen ' T scheinen, um durch zu gehen, auch im browser s Netzwerk kann ich nicht finden, Holen Sie die url aufgerufen wird.

Das Programm, die Methode console logging oben und unten, bekommen Anruf, aber nichts für die get-Aufruf

Mein service-Methode

import { Headers, Http, Response } from '@angular/http';
import { Injectable } from '@angular/core';
import { Persons } from './mock-people';
import { Person } from './person';
import {Observable} from 'rxjs/Rx';

    getAllPersons():void{
        console.log("Here");
        this.http.get(`http://swapi.co/api/people/1`).map((response:Response) => {
            console.log(response.json());
            response.json();
        });
        console.log("Comes here 2");
        }

Importiert Httpmodule in der app.- Modul.ts

Meine Konsole Screenshot

Konsole

InformationsquelleAutor der Frage | 2016-12-29

  1. 58

    Http verwendet rxjs und ist ein kalt/faul, zu beobachten, was bedeutet, dass Sie abonnieren sollen, damit es funktioniert. 

      this.http.get(`http://swapi.co/api/people/1`).map((response:Response) => {
                console.log(response.json());
                response.json();
            }).subscribe();

    Oder wenn Sie wollen, abonnieren von woanders , Sie sollte den http.get-Methode dann so aus: 

     getAllPersons():Observable<any>{
    console.log("Here");
       return this.http.get(`http://swapi.co/api/people/1`).map((response:Response) => {
        console.log(response.json());
        response.json();
    });
    }

    dann : 

       getAllPersons().subscribe();

    InformationsquelleAutor der Antwort Milad

  2. 1

    Methode zurückgeben soll, die Antwort der api-Aufruf mit zu Beobachten.

    service.cs

    import { Http, Jsonp, Response, Headers, RequestOptions } from '@angular/http';
import { Injectable } from '@angular/core';
import { Persons } from './mock-people';
import { Person } from './person';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/forkJoin';

@Injectable()
export class Service {
  constructor(private jsonp: Jsonp, private _http: Http) { }

  getAllPersons():Observable<any>{
    console.log("Here");

    let headers = new Headers({ 'Content-Type': 'application/json' });
    let options = new RequestOptions({ headers: headers, method: 'get' });

    return this._http.get('http://swapi.co/api/people/' + personId)
        .map((res:Response) => {
            return <any>res.json();
        })
        .catch(this.handleError);          

    console.log("Comes here 2");
  }

  private handleError(error: Response) {
    console.error(error);
    return Observable.throw(error.json().error || ' error');
  }
}

    Optionen & Header sind optional.

    Hinweis: anstelle von (<any>) können Sie festlegen, Ihren Datentyp oder anderen definierten Art, in der Sie die Daten in Ihre Antwort.

    Danke.

    InformationsquelleAutor der Antwort Amol Bhor

Schreibe einen Kommentar