當我使用ngFor使用JSON對象

HI, I am using below dummy json object:當我使用ngFor使用JSON對象

[ 
    { 
    "username": "ramu", 
    "user_id": "222", 
    "profileImage": "ramu.jpg", 
    "status": "15", 
    "address": [ 
     { 
     "type": "permanent", 
     "city": "mtm", 
     "pin": "521001", 
     "personal1": [ 
      { 
      "age": "26", 
      "color": "white" 
      } 
     ] 
     }, 
     { 
     "type": "residential", 
     "city": "chennai", 
     "pin": "600024", 
     "personal2": [ 
      { 
      "age": "26", 
      "color": "white" 
      } 
     ] 
     } 
    ] 
    } 
]

and below i am using ngfor for getting iterating elements

<ion-item *ngFor="let item of profile.address"> 
    {{item.type}} 
    </ion-item>

如何獲取地址類型，我沒有得到輸出filds？

來源

2017-06-20 Siva Unique

是'profile'的json對象嗎？ –

你是什麼意思？獲得地址類型：永久和個人年齡：26'？ – SaiUnique

是的，profile是一個json對象@suraj –

由於您的數據複雜性，我在html模板中使用了3循環。簡化數據更好，只是一個建議。

這裏工作plunker我只是用#something在*ngFor因爲版本的支持

。只需將其更改爲let something

我剛剛使用div的s來顯示您獲取數據。你可以根據你的意願使用

來源

2017-06-20 11:42:17

偉大的幫助兄弟它的工作就像一個魅力。 –

我已經使用過（）。它工作正常。我檢查了我的代碼，其中錯誤是我已聲明配置文件爲對象（配置文件：{}），而不是創建配置文件數組（profile：any [] = [];）。將我的對象更改爲數組後，每件事情都很好 –

<ion-item *ngFor="let item of profile[0].address"> 
{{item.type}} 
</ion-item>

配置文件似乎是數組的對象，所以指定索引。如果您有多個配置文件，則使用兩個* ngFor語句，一個用於配置文件，另一個用於地址。

來源

2017-06-20 10:23:12

OK斯利拉姆，請告訴我怎麼用的多爲配置文件和其他地址和最後一個個人 –

這將是簡單： '

' 這可能有一個更簡單的實現，但根據我它會工作正常。爲了獲取個人對象信息，分配一個公共對象或數組並從中繼器內訪問它們。 –

你好Sriram，我正在下面。錯誤：無法找到類型爲'object'的不同支持對象'[object Object]'。 NgFor只支持綁定到Iterables，如數組 –

當我使用ngFor使用JSON對象

回答

相關問題