2012-06-14 59 views
2

我有一個數組,看起來像這樣:遍歷與小鬍子無鑰匙數組?

[ 
    Object 
     actions: Array[2] 
     comments: Object 
     created_time: "2012-06-14T17:45:34+0000" 
     from: Object 
     id: "2388163605_10150972634368606" 
     message: "På jakt efter lift Visby/oskarshamn- Malmö efter almedalsveckan antingen söndagen den 8 juli eller morgon/fm den 9 Juli... Bensinpengar och choklad utlovas... spännande historier kan berättas på begäran." 
     to: Object 
     type: "status" 
     updated_time: "2012-06-14T21:45:15+0000" 
     __proto__: Object 
    , 
    Object 
     actions: Array[2] 
     comments: Object 
     created_time: "2012-06-14T17:45:34+0000" 
     from: Object 
     id: "2388163605_10150972634368606" 
     message: "På jakt efter lift Visby/oskarshamn- Malmö efter almedalsveckan antingen söndagen den 8 juli eller morgon/fm den 9 Juli... Bensinpengar och choklad utlovas... spännande historier kan berättas på begäran." 
     to: Object 
     type: "status" 
     updated_time: "2012-06-14T21:45:15+0000" 
     __proto__: Object 
    , 
    Object 
     actions: Array[2] 
     comments: Object 
     created_time: "2012-06-13T11:30:35+0000" 
     from: Object 
     id: "2388163605_10150969775613606" 
     message: "Har en båtbiljett Nynäshamn-Visby avg 11.05 nu på fredag!" 
     to: Object 
     type: "status" 
     updated_time: "2012-06-13T11:30:35+0000" 
     __proto__: Object 
    , 
    Object 
     actions: Array[2] 
     comments: Object 
     created_time: "2012-05-21T10:36:18+0000" 
     from: Object 
     id: "103138046395999_394844430558691" 
     message: "Hej, är det någon som pendlar Visby-Sthlm-Visby? Jag skulle behöva ha hjälp att få hem en byrå från Sthlm. Den är monterad så den där ganska stor. Så behövs släp,lastbil eller större personbil. Mvh Sabina " 
     to: Object 
     type: "status" 
     updated_time: "2012-05-21T10:36:18+0000" 
     __proto__: Object 
] 

我嘗試itterate和使用小鬍子打印出每個消息。這是模板我嘗試使用:

<ul> 
    {{#.}} 
     <li>{{message}}</li> 
    {{/.}} 
</ul> 

我這是怎麼了陣列發佈到模板:

var template = $('#trips').html(); 
var content = locationIndex[loc.title]; 
var html = Mustache.to_html(template, content); 
$('#right').html(html); 

模板的定義是這樣的:

<script id="trips" type="text/template"> 
    <div id="wrapper"> 
     <ul> 
      {{#.}} 
      <li>{{message}}</li> 
      {{/.}} 
     </ul> 
    </div> 
</script> 

這是方法我以前使用過,它似乎現在藏漢工作...

模板工程,因爲UL-標籤呈現,b我似乎沒有正確引用陣列。我究竟做錯了什麼?

+0

該數組符號對我來說是陌生的。這是什麼語法?某種控制檯日誌? –

+0

如何將數組值傳遞給(編譯的)模板?發佈相應的JavaScript語句。 –

+0

@ŠimeVidas,是的。有沒有辦法打印出實際的物體? – Himmators

回答

4

試試這個:

模板:

<script id="trips" type="text/template"> 
    <div id="wrapper"> 
     <ul> 
      {{#array}} 
      <li>{{message}}</li> 
      {{/array}} 
     </ul> 
    </div> 
</script> 

的JavaScript:

var html = Mustache.to_html(template, { array: content }); 

我假設content變量包含數組。

+0

工作出色! – Himmators

0

在這裏看到我的反應 Mustache JS Template with JSON Collection

數據= { '角色':數據}

以下是通過Web API的JSON調用

 $.ajax({ 
    dataType: "json", 
    url: '/api/TestApi/GetAllRole', 
    success: function (data) {   
     ` 

數據= {「角色':數據};

// formatting the data to support the mustache format 
     var html = Mustache.to_html($('#RoleTemplate').html(), data); 
     $('#tblRole').append(html); 

    } 
})