Question

TL; DR：点击this.http.get()

时没有任何反应

我一直在这里阅读本教程https://angular.io/docs/ts/latest/guide/server-communication.html并尝试自己制作一些方法，但我无法向服务器发出任何请求，即ASP.NET Core RC2。

import { Headers, RequestOptions } from '@angular/http';
import { Injectable }     from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable }     from 'rxjs/Observable';
import { RegistrationViewModel } from '../../account/registration';

@Injectable()
export class WeatherService {

    constructor(private http: Http) { }

    getItems(): Observable<any> {

        return this.http.get('http://localhost:56340/api/SampleData/WeatherForecasts')
                   .map((res: Response) => res.json());
    }
}

我调用此方法的代码调用它很好，我已经使用调试器进行了此操作，但当它到达http.get行时似乎没有任何事情发生，我在网络选项卡中看不到任何内容Chrome或任何类型的回复。

网址http://localhost:56340/api/SampleData/WeatherForecasts工作正常，因为我自己将其放入浏览器并返回示例数据。
我还尝试过只有'/api/SampleData/WeatherForecasts'但没有结果

我从Visual Studio收到一个TS错误：

Observable类型
上不存在属性'map'

但是我没有从控制台中获得角度的任何错误，所以我认为它可能只是一个打字问题，因为它导入main.ts导入rxjs-operators，其中包含{ {1}}

rxjs-operators.ts

import 'rxjs/add/operator/map';

Answer 1

添加catch以查看您可能遇到的任何其他错误

  getHeroes (): Observable<Hero[]> {
        return this.http.get(this.heroesUrl)
                        .map(this.extractData)
                        .catch(this.handleError);
      }
      private extractData(res: Response) {
        let body = res.json();
        return body.data || { };
      }

还尝试仅导入所需的模块：

// import 'rxjs/Rx'; // adds ALL RxJS statics & operators to Observable

// See node_module/rxjs/Rxjs.js
// Import just the rxjs statics and operators we need for THIS app.

// Statics
import 'rxjs/add/observable/throw';

// Operators
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/debounceTime';
import 'rxjs/add/operator/distinctUntilChanged';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/switchMap';
import 'rxjs/add/operator/toPromise';

Angular 2 Http客户端在调用时没有做任何事情

1 个答案: