Question

我们的朋友Vinicius Scaramel已经提出了这个问题，但是没有答案解决方案，所以来吧：

我通过Ionic上的http.get（使用AngularJS）获取JSON格式的对象，但是在使用{{}}的视图中查看它时，它只显示[object Object]，而不是显示我的对象本身。我已经失去了想要解决的头发。让我们编码吧：

提供GET的提供者的角色

 getChamadoSelecionado(){
    return this.http.get(this.LINK + "/chamadoSelecionado");
  }

我的数组通过GET接收我的对象

ionViewDidLoad() { //funcao que é executada quando abre a view
  console.log('ionViewDidLoad ChamadoPage');
  this.ChamadosProvider.getChamadoSelecionado().subscribe(    // chamando minha funcao que da o GET na minha api, e retorna o objeto
    data => {
      const objeto_retorno = JSON.parse((data as any)._body); // inserindo na variavel os dados que preciso que estão em data._body (convertido em objeto atraves do JSON.parse)
      this.objetoChamadoSelecionado = objeto_retorno;   //atribuindo o objeto ao meu array
      console.log(this.objetoChamadoSelecionado);    
      }, error => {
        console.log(error);
      })
    }

到目前为止一切运行良好，在我的变量中给出了一个接收JSON返回的console.log很漂亮： enter image description here

我的观点代码

<ion-header>

  <ion-navbar>
    <ion-title>Chamado</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding >

<div ><p>{{objetoChamadoSelecionado}}</p></div>


</ion-content>

这是它应该显示我的对象的地方，但它只显示这个

enter image description here

也不起作用：

objetoChamadoSelecionado.numero

例如，我无法得到任何东西......最奇怪的是，在另一个页面上，我从一个对象列表中返回，使用* ngFor正常工作......

Answer 1

使用json管道查看具有属性的对象

<div><p>{{ objetoChamadoSelecionado | json }}</p></div>

或者如上所述访问它的属性，但必须先初始化objetoChamadoSelecionado。没有它会在没有设置数据时给你一个错误。

如何在视图

1 个答案: