2017-09-22 65 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 = {}; –