web-dev-qa-db-ja.com

口ひげjsテンプレートエンジンでネストされたオブジェクトにアクセスする方法

私はこの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：ネストされたオブジェクトセクション）のチュートリアルによると、アクセスできますdot notationは、ネストされたオブジェクトにアクセスします。

上記のjsonから、self.username、file.file_nameなどのデータを取得したいと思います。

今、私は私のテンプレートを

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

しかし、self.usernameは機能しません。

これらのネストされた値を取得するにはどうすればよいですか？

javascriptjsonmustacheicanhaz.js
18
ptamzz

それが正しい方法だとは思いませんが、ここで答えが見つからなかったので、自分で何かを考え出しました。少なくともこれは機能します。

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

ドット表記は、バージョン0.4x以下では機能しません。 「0.7.2」で動作しました。

4
d1val