可观察到的<httpevent <类[]>&GT;不能分配给Observable类<class []> httpclient angular

时间:2018-05-02 03:50:31

标签: javascript angular typescript

我在我的角应用程序中有一个http get请求,它看起来像:

 getAll():Observable<TransaksiDetail[]>{
    return this.http.get<TransaksiDetail[]>(`${BASE_API()}/transaksi`, this.httpOptions);
  }

然后我运行ng serve该应用运行良好,但在cmd中显示的错误如下:

  

webpack:已成功编译。错误   src / app / services / transaksi.service.ts(56,5):错误TS2322:类型   '可观察&GT;'不能分配给类型   “可观测”。输入'HttpEvent'   不能分配给'TransaksiDetail []'。       类型'HttpProgressEvent'不能分配给'TransaksiDetail []'。         'HttpProgressEvent'类型中缺少属性'includes'。

我尝试访问调用getAll()方法的页面,它也运行良好

这是我的班级:

export class TransaksiView {

  nama_pembeli:string;
  id_toko:number;
  nama_toko:number;
  jumlah_beli:number;
  total_harga:number;
  status:string;
}


export class DetailTransaksiView {

  id_menu: number;
  id_size: number;
  size: string;
  topping: string;
  jumlah: number;
  harga_sekarang:number;
  total_harga:number;
}

export class TransaksiDetail {
  transaksi:TransaksiView;
  detail:DetailTransaksiView[];
  constructor(){
    this.detail = new Array<DetailTransaksiView>();
  }

}

这是我的httpoption代码

let opt = {
  'Content-Type': 'application/json',
  'Access-Control-Allow-Origin': '*',
  'Authorization' : '',
}
if(this.storage.isStorageAvailable()){
  let data = this.storage.retrieve('user_auth');
  if(data){
    opt.Authorization = `Bearer ${data.token}`;
  }
}
this.httpOptions = { headers: new HttpHeaders(opt) };

是什么造成错误?

0 个答案:

没有答案