l'appel de succès, erreur de rappels à l'aide de souscrire en angular2?

Donnant responce.json () n'est pas la fonction pour mon cas

composant.ts

 this.AuthService.loginAuth(this.data).subscribe(function(response) {
  console.log("Success Response" + response)
},
  function(error) {
  console.log("Error happened" + error)
},
  function() {
  console.log("the subscription is completed")
});

AuthService.ts

     loginAuth(data): Observable<any> {
  return this.request('POST', 'http://192.168.2.122/bapi/public/api/auth/login', data,{ headers:this. headers })
      .map(response => response)
      //...errors if any
      .catch(this.handleError);
  }

Donner [de l'objet,objet]
Si j'ai mis la carte la fonction de service comme .carte(réponse => la réponse.json()) est de donner de l'erreur comme responce.json () n'est pas la fonction

S'il vous plaît aider moi

OriginalL'auteur Runali | 2017-02-13

  1. 17

    Essayez d'utiliser cette structure:

    this.AuthService.loginAuth(this.data).subscribe(
        suc => {
            console.log(suc);
        },
        err => {
            console.log(err );
        }
    );

    Vous pouvez aussi stringify vos données sont envoyées vers le serveur tels que:

    loginAuth(data) {
    var headers = new Headers();
    headers.append('Content-Type', 'application/json');
    var info = JSON.stringify(data);

    return this._http.request("http://192.168.2.122/bapi/public/api/auth/login", info , { headers: headers }).map(res => res.json())
}

    Et vous devez déclarer une variable dans le constructeur de votre service de référencement Http comme tel:

    import { Http, Headers, Response, URLSearchParams } from '@angular/http';    
constructor(private _http: Http) {
}

    C'est la façon dont il a travaillé pour moi

    OriginalL'auteur Rossco

  2. 1

    Dans votre page de service 

    //Import if needed

import { Observable } from 'rxjs/Observable';    
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/throw';

let options = new RequestOptions({ headers: this.headers });
return this.http.post('http://192.168.2.122/bapi/public/api/auth/login', data, options)
.map((res: Response) => {
    return { "res": res.json() };
})
.catch((e: any) => {
    console.log(e.status);
    return Observable.throw({"Errors":e.json()});
});

    Et votre modèle de fichier ts 

    this.AuthService.loginAuth(this.data).subscribe((result: any) => {
    let res = result.res;
    console.log(res)
},(error: any) => {
    if(typeof error['Errors'] !="undefined"){
        console.log(error['Errors']);
    }
});

    Ça fonctionne parfaitement pour moi

    OriginalL'auteur bipin patel