在angular2的RxJS中找不到地图

时间:2018-07-26 15:51:08

标签: angular rxjs

错误:“可观察”类型不存在属性“地图”。

import { Component } from '@angular/core';
import { Http } from '@angular/http';
import 'rxjs/add/operator/map';
declare var $: any;

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {
  testDetails:any;
  constructor(private http: Http) { }

  ngOnInit() {
    this.display();
}
display() {
  this.getTestDetails().subscribe(data => {
      this.testDetails = data;
      console.log((this.testDetails));
  });

}
getTestDetails() {
  return this.http.get('https://randomuser.me/api/')
      .map(res => res.json());
}
  title = 'ecom-project';

}

同一代码正在其他PC上运行,但是在我的PC上我遇到错误。我的代码设置缺少什么。

1 个答案:

答案 0 :(得分:2)

您使用的是哪个版本的RXJS?如果是最新版本,则应为:

$ git diff 319e2d8:testfile.txt 24bf013:testfile.txt
diff --git a/319e2d8:testfile.txt b/24bf013:testfile.txt/appointments.html
index 66f029ed..86601816 100755
--- a/testfile.txt
+++ b/testfile.txt
@@ -55,7 +55,7 @@
 data line 1
 data line 2
 data line 3
-<h1>data line 4</h1>
+<h1>data line 4(TO-BE-DELETED)</h1>
 data line 5
 data line 6

那你需要做

import { map } from "rxjs/operators";

此外,如果您使用的是HttpClient的最新版本,那么您甚至不需要映射到JSON,它就会自动完成