Angular2 Http -无错误，无连接

Question

我真的很难确定我的代码出了什么问题。我试图创建一个服务类来连接到我的单独的数据库应用程序，它暴露了一个开放的(不安全的)REST API。

如果我在浏览器中连接到这个地址，我可以正确地看到结果，并且连接被记录在我的服务器上。然而，当我尝试通过Angular2服务类连接时，我没有得到任何错误，也没有在我的服务器上尝试连接。

我一直在重写下面一遍又一遍，阅读文档，不明白!我使用的是2.0.1.

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Headers, RequestOptions } from '@angular/http';
import { Observable } from 'rxjs/Rx';
@Injectable()
export class AuthenticationService {
  private loggedIn = false;
  private loginUrl = 'http://localhost:3000/api/users';
  constructor(private http: Http) { }
  login(user:any): Observable<any[]> {
    var x = this.http.get(this.loginUrl)
                    .map(this.extractData)
                    .catch(this.handleError);
    console.log(x);
    console.log("Sent?");
    return null;
  }
  private handleError (error: any) {
    let errMsg = (error.message) ? error.message :
      error.status ? `${error.status} - ${error.statusText}` : 'Server error';
    console.error(errMsg); // log to console instead
    return Observable.throw(errMsg);
  }
  private extractData(res: Response) {
    let body = res.json();
    return body.data || { };
  }
}

在我的控制台中，我看到console(x)和console('sent?')的结果，所以我知道代码正在执行。

Answer 1

没有subscribe()或toPromise(), Observable不做任何事情，因为他们是懒惰的

var x = this.http.get(this.loginUrl)
                .map(this.extractData)
                .catch(this.handleError);

这样它发出请求

var x = this.http.get(this.loginUrl)
                .subscribe(this.extractData, this.handleError);

在extractData和handleError中使用thin.需要谨慎。通常最好总是使用箭头函数

var x = this.http.get(this.loginUrl)
                .subscribe(data => this.extractData(data), 
                           err => this.handleError(err));

Answer 2

您忘了订阅http。得到调用。

你需要输入:

 http.get(...).subscribe(data => console.log(data)); 

进行实际调用。

可观察对象是冷的，这意味着没有订阅什么都不会发生。