用小胡子迭代无键数组? [英] Iterate over keyless array with mustache?

问题描述

我有一个看起来像这样的数组:

<预><代码>[目的动作:数组[2]评论:对象created_time: "2012-06-14T17:45:34+0000"来自:对象编号:2388163605_10150972634368606"消息:På jakt efter lift Visby/oskarshamn- Malmö efter almedalsveckan antingen den 8 juli eller morgon/fm den 9 Juli... Bensinpengar och choklad utlovas... spännande historier kan pääranäts"反对类型:状态"更新时间:2012-06-14T21:45:15+0000"__proto__:对象,目的动作:数组[2]评论:对象created_time: "2012-06-14T17:45:34+0000"来自:对象编号:2388163605_10150972634368606"消息:På jakt efter lift Visby/oskarshamn- Malmö efter almedalsveckan antingen den 8 juli eller morgon/fm den 9 Juli... Bensinpengar och choklad utlovas... spännande historier kan pääranäts"反对类型:状态"更新时间:2012-06-14T21:45:15+0000"__proto__:对象,目的动作:数组[2]评论:对象created_time: "2012-06-13T11:30:35+0000"来自:对象id:2388163605_10150969775613606"消息:Har en båtbiljett Nynäshamn-Visby avg 11.05 nu på fredag​​！"反对类型:状态"更新时间:2012-06-13T11:30:35+0000"__proto__:对象,目的动作:数组[2]评论:对象created_time: "2012-05-21T10:36:18+0000"来自:对象id:103138046395999_394844430558691"消息:Hej, är det någon som pendlar Visby-Sthlm-Visby?Jagskule behöva ha hjälp att få hem en byrå från Sthlm.Den är monterad så den där ganska stor.Så behövästävrhre 人"反对类型:状态"更新时间:2012-05-21T10:36:18+0000"__proto__:对象]

我尝试使用 mustache 迭代并打印出每条消息.这是我尝试使用的模板:

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

这是我将数组发布到模板中的方式:

var template = $('#trips').html();var content = locationIndex[loc.title];var html = Mustache.to_html(模板，内容);$('#right').html(html);

模板定义如下:

这是我以前用过的一种方法，现在似乎也有效...

模板有效，因为渲染了 Ul 标签，但我似乎没有正确引用数组.我做错了什么?

解决方案

试试这个:

模板:

JavaScript:

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

我假设 content 变量包含一个数组.

I have an array that looks like this:

[
    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
]

I try to itterate and print out every message using mustache. This is the template i try to use:

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

This is how I post the array into the template:

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

the template is defined like this:

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

This is a method I've used before, and it seems to work now aswell...

The template works, because the Ul-tag is rendered, but I don't seem to reference the array properly. What am I doing wrong?

解决方案

Try this:

Template:

<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 } );

I'm assuming that the content variable contains an array.

这篇关于用小胡子迭代无键数组?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！