嵌套弦兒，渲染到Angular2 HTML

Question

我有對象調用模塊

modules: Module[]; 

    this.modules = [{ id: "123", title: "newstate", organiser: "{"id":"2133","ProfileVerified":false}"}] 

我可以在某種程度上使用這樣

<div *ngFor="item in modules"> 
    {{item.title}}</div> 

我不能使用{{module.organiser.id}}我假設，因爲組織者一個stringfyed json。所以，我該如何更進一步。

Answer 1

您將組織器對象置於引號之間。使它成爲一個字符串而不是一個對象。它應該如下：

this.modules = [{ id: "123", title: "newstate", organiser: {"id":"2133","ProfileVerified":false}}] 

Answer 2

首先，您需要爲組織者包裝字符串'。

像：organiser: '{"id":"2133","ProfileVerified":false}'

然後創建JSON對象進行字符串。像：

modules[0].organiser = JSON.parse(modules[0].organiser);

，那麼你可以輕鬆地訪問{{module.organiser.id}}

我創建撥弄希望它幫助。 Fiddler