javascript - plantillas - que es pugjs

Cómo acceder a objetos anidados con el motor de plantillas de bigotes js

Question

Tengo este regreso 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"]
    }]
}

De acuerdo con el tutorial en http://coenraets.org/blog/2011/12/tutorial-html-templates-with-mustache-js/ (Ejemplo 6: sección de objetos anidados), puede acceder a dot notation para acceder a los objetos anidados .

Desde el archivo de arriba, deseo recuperar los datos como self.username , file.file_name , etc.

Ahora, tengo mi plantilla como

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

Pero el nombre de self.username no funciona.

¿Cómo recupero estos valores anidados?

Answer 1

La notación de puntos no funciona en la versión 0.4xy posterior. Funcionó en "0.7.2".

Answer 2

No creo que sea la forma correcta de hacerlo, pero como no pude encontrar ninguna respuesta aquí, descubrí algo por mi cuenta. Al menos esto funciona.

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