如何使用 get 方法以角度调用其余 API

Question

我有一个 Angular 应用程序，因为我调用了导航 API（登录到仪表板）。

在仪表板中，我使用仪表板服务（创建了服务）调用了用于通道详细信息的 API。

dashboard.service.ts

channeldetails(token) {
  let httpOptions = {
    headers: new HttpHeaders({
      'Content-Type': 'application/json',
      'Authorization': 'Token ' + token
    })
  };
  this.http.get(environment.apiUrl + '/api/data/json', httpOptions).subscribe(
    (drones: any[]) => {
      return drones;
    },
    err => {
      console.log("Error", err)
    }
  );
}

在组件中，我在 ngOnInit 中提到了上述函数

.component.ts

export class DashboardComponent implements OnInit {
  public drones: any = [];
  ngOnInit() {
    this.dronedetails();
  }
}

但我没有得到任何回复，谁能帮助我解决这个问题。因为我对这个以角度调用 API 不熟悉。

Answer 1

dashboard.service.ts

channeldetails(token): Observable <any> {
  let httpOptions = {
    headers: new HttpHeaders({
      'Content-Type': 'application/json',
      'Authorization': 'Token ' + token
    })
  };
  return this.http.get(environment.apiUrl + '/api/data/json', httpOptions);
}

仪表板组件.ts

export class DashboardComponent implements OnInit {
  public drones: any = [];
constructor(dashboardService: DashboardService)
  ngOnInit() {
    this.droneDetails();
  }
}

    droneDetails() {
this.dashboardService.channelDetails().subscribe(data=>{
console.log(data);
}, error => {
console.error(error);
})
    }