[英]angular2 rxjs .map does't work in version 2.0.1
此代碼適用於angular2 v.2.0.0 .rc.2,但不適用於angular2 v2.0.1
app.appcomponent.ts
import { Component, OnInit } from "@angular/core";
import { Injectable } from '@angular/core';
import { Http, Response, URLSearchParams } from "@angular/http";
import { IFood } from "./food";
import { Headers, RequestOptions } from "@angular/http";
我可以導入這個使用.map對嗎?
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';
import 'rxjs/add/operator/catch';
@Component({
selector: "my-app",
template: `
<h1>My First Angular 2 App</h1>
<ul *ngFor='let food of foods'>
<li>{{food.foodName}}</li>
</ul>
`,
templateUrl: "./app/form.html"
})
@Injectable()
export class AppComponent implements OnInit {
public values: string[];
public headers: Headers;
errorMessage: string;
我的控制器中有食物清單,食物,食物名稱
foods: IFood[];
foodModel = <IFood>{};
constructor(private http: Http) {
this.http = http;
this.headers = new Headers();
this.headers.append("Content-Type", "application/json");
}
ngOnInit() {
return this.http.get("/home/getdata")
有.map不起作用,我們不能在angular2 2.0.1中使用.map嗎?
.map((response: Response) => <IFood[]>response.json())
.subscribe(data => this.foods = data, error =>
this.errorMessage = <any>error);
}
}
我需要創建服務嗎? 如何解決這個問題,謝謝
嘗試更新到Typescript 2.0.3
這解決了我的問題。
並確保您使用的是ECMAScript 6
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.