嵌套弦儿，渲染到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