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
]

我尝试使用 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 标记已呈现，但我似乎没有正确引用该数组。我究竟做错了什么？

4

2 回答 2

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

于 2012-06-15T00:26:12.453 回答
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);

    }
})
于 2013-09-05T05:00:19.827 回答