2017-09-22 99 views
0

JS对象已经有来自我们的朋友维尼Scaramel这个问题的问题,而是没有答案的解决方案,这样一来就:如何显示在视图

我通过http获得JSON格式的对象.get on Ionic(使用AngularJS),但在{{}}视图中查看它时,它只显示[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); 
     }) 
    } 

到目前为止一切都运行得很好,给人的console.log在我的变量接受JSON的回报是美丽的: 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

为例如,我无法得到任何东西......最奇怪的薄所有的G为另一页上我有对象的列表返回,使用* ngFor工作正常...

回答

4

使用json管看到性能

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

或访问对象属性,如上所述,但您的objetoChamadoSelecionado必须先初始化。没有它会给你一个错误,而没有设置数据。

+0

谢谢你的回答,我的回复是这样的:{“{\ n \”numero \“:34561,\ n \”cliente \“:\”Alison Tecnologia \“,\ n \”usuario \ “Jose”,\ n \“Assunto \”:\“Internet论坛\”,\ n \“situacao \”:\“Em Analise \”,\ n \“tecnico \ n}“:”“}, 它看起来像格式是错误的?我对缺乏知识感到抱歉,但是您初始化的含义是什么? –

+0

给它一个默认值。在控制器objetoChamadoSelecionado = {}; –