嵌套的stringed son，渲染到Angular2 HTML

Question

我有一个名为module

的对象

modules: Module[];

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

我可以用这样的方式使用它

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

我不能使用{{module.organiser.id}}我假设因为组织者是一个带有字符串的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