javascript - 用 mustache 迭代无键数组?

标签 javascript mustache

我有一个如下所示的数组:

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

我尝试用 mustache 重复并打印每条消息。这是我尝试使用的模板:

<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 标签已呈现,但我似乎没有正确引用该数组。我做错了什么?

最佳答案

试试这个:

模板:

<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 变量包含一个数组。

关于javascript - 用 mustache 迭代无键数组?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11042775/

相关文章:

javascript - 如何知道是否有人通过 javascript 登录?

javascript - 嵌入YouTube链接不适用于Chrome,但适用于IE

javascript - 数据表不起作用(jQuery)

javascript - 在 Javascript 中以 360° Angular 移动图像

javascript - 在 Mustache.js/ICanHaz 中从内部数组访问外部数组值

jQuery Cycle2 幻灯片缩略图创建

javascript - 使用正则表达式在 HTML 中查找 Mustache 变量

javascript - 构建庞大的应用程序 Assets

PHP 还是 JS 模板引擎? (对于同一 html 的多个 block )

javascript - Mustache/jQuery/javascript - 如何对 mustache 变量执行方法?