javascript - 如何在 View 中显示JS对象

Question

我们的 friend Vinicius Scaramel 已经就这个问题提出了问题，但没有答案解决方案，所以来吧:

我通过 Ionic 上的 http.get 获取 JSON 格式的对象(使用 AngularJS)，但是当使用 {{}} 在 View 中查看它时，它只显示 [object Object]，并且不显示我的对象本身。我已经失去了头发试图解决。让我们编写代码:

提供 GET 的提供商的 Angular 色

 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

我的 View 的代码

<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 必须首先初始化。如果没有它，在未设置数据时将会出现错误。