Почему не работает map в Angular 4?

Question

[Олег Войтенко]

Добрый день!
Не могу вьехать, почему содержание response.json() пустой в Angular4 (Angular CLI). Подскажите, где косяк?

Код следующий:

import { Injectable } from '@angular/core';
import { Response } from '@angular/http';
import { Observable } from 'rxjs';
import 'rxjs/add/operator/map'
import {HttpClient, HttpHeaders} from "@angular/common/http";


@Injectable()
export class AuthenticationService {
    public token: string;

    constructor(private http: HttpClient) {
        var currentUser = JSON.parse(sessionStorage.getItem('currentUser'));
        this.token = currentUser && currentUser.token;

    }
login(username: string, password: string): Observable<boolean> {
        return this.http.post('http://apiserver.com/api/v1/login', JSON.stringify({ username: username, password: password })
            .map((response: Response) => {
            var token = response.json() && response.json().token;
            if (token) {
                // set token property
                this.token = token;
                localStorage.setItem('currentUser', JSON.stringify({username: username, currentUser: token}));
                return true;
            } else {
                return false;
            }
        }
    }

Answer 1

[Андрей К.]

Для HttpClient не нужно использовать json()
var token = response && response.token

Comments

[Олег Войтенко]

если без json(), то получаю ошибку Property 'token' does not exist on type 'Response'.

респонс приходит вида {"token":"some-big-bug-token"}

[Андрей К.]

Олег Войтенко, удали Response и все должно заработать. В map приходит не Response, а уже готовый объект.
.map((response) => {
Ну или напиши console.log(response); и сразу все понятно станет.

Answer 2

[Demian Smith]

HttpClient работает так, что в функцию map прилетит уже готовый распаршенный json ответ, а не Response.

Comments

[Олег Войтенко]

если без json(), то получаю ошибку Property 'token' does not exist on type 'Response'.

респонс приходит вида {"token":"some-big-bug-token"}

[Demian Smith]

Олег Войтенко, замените

map((response: Response) => {

на

map((response: {token: string}) => {

и будет вам счастье.

Повторюсь, в функцию map приходит джейсон серверного ответа, а не объект типа Response. Вашем случае в map приходит объект типа {token: string}.