jak uzyskać dostęp do obiektów zagnieżdżonych z wąsami js silnika szablonów

Question

mam ten powrót 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"] 
    }] 
} 

Zgodnie z samouczka w http://coenraets.org/blog/2011/12/tutorial-html-templates-with-mustache-js/ (Próbka 6: Zagnieżdżone sekcja Object), można uzyskać dostęp dot notation aby uzyskać dostęp do obiektów zagnieżdżonych .

Z powyższego json, chcę odzyskać dane jak self.username, file.file_name itp itd

Teraz mam mój szablon jako

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

Ale self.username nie działa.

Jak mogę pobrać te zagnieżdżone wartości?

Answer 1

Nie sądzę, że jest to właściwy sposób, ale ponieważ nie mogłem znaleźć tutaj żadnej odpowiedzi, sam coś wymyśliłem. Przynajmniej to działa.

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

Answer 2

Notacja Dot nie działa w wersji 0.4x i niższej. Działało na "0.7.2".