从 Eventbrite API 获取事件的问题答案

【问题标题】：Issue getting events from Eventbrite API从 Eventbrite API 获取事件的问题
【发布时间】：2019-03-15 04:20:46
【问题描述】：

我正在使用 angular js 和 node js 作为后端来构建一个学校项目，我正在尝试使用 EventBrite 的 Angular JS 在我的前端显示事件，在花了几个小时检查不同的教程后，我写了这个代码

节点JS代码：

router.get('/', (req, res)=>{

  axios.get(`${EventsBriteAPI}`).then(result=>{
    let relevantData = result.data.data.events
    res.status(200).json(relevantData);
    console.log(results );
  })

  .catch(error => {
    res.status(500).send(error);
  })
});

我的服务代码：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';


@Injectable({
  providedIn: 'root'
})


export class EventsService {

  uri = 'http://localhost:4600/events';

  constructor(private httpClient: HttpClient) {}


  getAllEvents(){
    return this.httpClient.get(this.uri);
  }

}

我的组件代码

import { Component } from '@angular/core';
import { EventsService } from './events.service';
import { Observable } from 'rxjs/internal/Observable';

@Component({
   selector: 'events',
   templateUrl: 'events.Component.html'
})
export class EventsComponent {
  title = "List of events";
  eventObservable : Observable<any[]> ;
  
  constructor(service: EventsService){


    this.eventObservable = service.getAllEvents();


    console.log(this.eventObservable);


  }


}

当我运行我的代码时，我收到了这个错误 src/app/component/events/events.component.ts(21,5)：错误 TS2322：“Observable”类型不可分配给“Observable”类型。 “对象”类型可分配给极少数其他类型。您的意思是改用“任何”类型吗？ “Object”类型缺少“any[]”类型的以下属性：length、pop、push、concat 等 26 个。它没有在我的前端显示任何内容

你能帮我解决这个问题吗？

【问题讨论】：

你在 console.log.. 中有什么东西吗？
我在我的后端得到了这样的 json：eventbriteapi.com/v3/events/search/… 在前端我得到了我发布的错误

标签： node.js angular eventbrite

【解决方案1】：

我们不需要使用 Observable 类型变量，除非您使用 async 管道或有任何特定要求。

你可以像下面这样，

EventsComponent.ts

 eventObservable: any = [];
  
 constructor(private service: EventsService) {
    this.service.getAllEvents().subscribe((response: any) =>{
        this.eventObservable = response;
        console.log(this.eventObservable);
    });
 }

我们一般使用ngOnInit()来调用不在constructor()中的api数据。

【讨论】：