TypeError：无法读取未定义的属性“地图”[关闭]

Question

我正在使用 angular fullCalendar，但出现错误。

service.ts

getEvents()
  {
    return this.http.get('http:///api/lessons') .map( response => {
      return response.json().data.map((data) => {
            return {...data,start: data.start_time};
          });
   }); 
  }

home.ts

 ngOnInit(){
    this.events = this.service.getEvents().subscribe(events => {this.events = events;});
}

我遇到了这个错误：

TypeError: 无法读取未定义的属性“地图”

Answer 1

您应该使用 RxJS 的 map 运算符。请注意，它与 JavaScript 的 Array.map() 不同。

此外，对于 RxJS 6+，您应该使用 pipeable operators，因此使用 pipe() 函数。

import { map } from 'rxjs/operators';

getEvents() {
  return this.http.get('http:///api/lessons') 
    .pipe(
      map(response => {
        return response.map((data) => {
          return {...data,start: data.start_time};
        });
     })
  ); 
}

此外，在您的 component.ts 上，console.log() 语句应在 subscribe() 内处理，因为 HTTP 请求本质上是异步的。将它放在外面会导致它显示为undefined。

ngOnInit(){
  this.service.getEvents().subscribe(events => {
    this.events = events;
    console.log(this.events);
  });
}

Answer 2

看起来您使用的是旧的 http， 请更新到 HttpClient，这样你就不需要了

`return response.json().data.map((data) => {
        return {...data,start: data.start_time};
      });`

只需return response(data => { return {...data,start: data.start_time}; });