Angular HTTP get返回空数组

Question

要更新数据，我必须调用getProduct（），它返回一个空数组

getProduct() {
        return this.httpObj.get(`${this.uri}/products`);
    }

以下是updateproduct.ts的ngonit（）：

ngOnInit() {
       this.router.params.subscribe(params =>{
          this.id=+params['id'];
       });
       this.productService.getProduct().subscribe((data:Response)=>this.products=data.json());
       console.log(this.data)
  //console displays empty array

  }

Answer 1

请执行此操作，在您的订阅中添加控制台日志

ngOnInit() {
       this.router.params.subscribe(params =>{
          this.id=+params['id'];
       });

      this.productService.getProduct().subscribe((data:Response)=>{
           this.products=data.json();
           console.log(this.products)
      });
 }

Answer 2

**首先检查您得到的响应，然后在实施之前最好通过Postman或rest客户端检查API。 **

     ngOnInit() {
               this.router.params.subscribe(params =>{
                  this.id=+params['id'];
               });
               this.productService.getProduct().subscribe(
    (data:Response)=>
this.products=data.json()
     console.log("responsedata",data)
    );

          }