时间戳

首页 > 解决方案 > 在Angular 4中将API响应（对象）从组件解析到另一个组件

angular - 在Angular 4中将API响应（对象）从组件解析到另一个组件

问题描述

我想解析对另一个组件的 API 响应

这是来自“detail_item.component.ts”的代码，该代码将数据发送到“book_item.component.ts”中的路由“bookitem”

onSubmit(){
    this.appService.addItem(this.item).subscribe(item => {
      if(item.status ==200){
        this.router.navigate(['/bookitem'], {queryParams: {data: item.data}});
      }
    })
}

这是来自'book_item.component.ts'的代码

ngOnInit() {
    this.routeActive.queryParams.filter(params => params.data).subscribe(params => {
       this.book_item = params.data;
    });
}

当我console.log(this.book_item)，我从中得到的是[object object]。它应该包含 json 数据。

标签： angulartypescriptangular4-formsangular4-httpclient

解决方案

[object object]由于您尝试在查询字符串中传递对象，因此您完全可以。此外，您不能在查询字符串中传递对象，您可以传递可轻松转换为字符串的值，例如数字。

推荐阅读