javascript - 如何使用 mustache js 模板引擎访问嵌套对象

Question

我有这个 json 返回

{
    "timeline": [{
        "id": "2",
        "self": {
            "uid": "2",
            "username": "ptamzz"
        },
        "file": {
            "fid": "43",
            "file_name": "First Name"
        },
        "connection": {
            "fid": "4",
            "username": "tom"
        },
        "action": "viewed your document",
        "time": "2012-01-16 12:23:03",
        "tags": ["Engineering", "Computer Science", "Java", "Java Library"]
    }, {
        "id": "1",
        "self": {
            "uid": "2",
            "username": "ptamzz"
        },
        "file": {
            "fid": "41",
            "file_name": "Write Up"
        },
        "connection": {
            "fid": "4",
            "username": "tom"
        },
        "action": "favorited your document",
        "time": "2012-01-16 12:22:04",
        "tags": ["Design"]
    }]
}

根据 http://coenraets.org/blog/2011/12/tutorial-html-templates-with-mustache-js/ 的教程(示例 6:嵌套对象部分)，您可以使用 点符号 来访问嵌套对象。

从上面的 json 中，我想检索 self.username、file.file_name 等数据。

现在，我的模板是

{{#timeline}}
    <li>
        {{self.username}}
    </li>
{{/timeline}}

但是 self.username 不起作用。

如何检索这些嵌套值？

Answer 1

我认为这不是正确的做法，但由于我在这里找不到任何答案，所以我自己想出了一些办法。至少这行得通。

{{#timeline}}
    <li>
        {{#self}}{{username}}{{/self}}
    </li>
{{/timeline}}