javascript - 小胡子 JS 表格条纹

Question

几个小时前我已经开始使用“Mustache JS”。我想知道是否有办法在 tr 中添加一个类以使表格条带化。我知道我可以检测到变量的值是 null 还是 undefined，但事实并非如此。变量中总会有一个值。有没有办法做到这一点？

我启动并运行了以下代码：

模板：

template = "\
        {{#tr}}\
            <tr>\
                <td>{{tit}}</td>\
                <td>{{ord}}</td>\
                <td>{{prazo}}</td>\
                <td>{{id}}</td>\
            </tr>\
        {{/tr}}";

风景：

view = {
                "tr" : [
                    {
                        id : val.ID, 
                        ord : val.Ordem, 
                        prazo : val.Prazo, 
                        tit : val.Título
                    }
                ]
            };

我知道我可以在视图中设置一个功能。但不知道如何在其中正确设置一个mod，用于条带化。任何帮助都会很棒。

Answer 1

我已经这样做了：

模板：

template = "\
        {{#tr}}\
            <tr class="{{even_or_odd}}">\
                <td>{{tit}}</td>\
                <td>{{ord}}</td>\
                <td>{{prazo}}</td>\
                <td>{{id}}</td>\
            </tr>\
        {{/tr}}";

视图：（类似这样，假设您可以为 iteratorValue 设置一个值）

var interatorValue == 0;
// your other code
view = {
                "tr" : [
                    {
                        id : val.ID, 
                        ord : val.Ordem, 
                        prazo : val.Prazo, 
                        tit : val.Título,
                        even_or_odd: ((iteratorValue % 2 == 0) ? 'even' : 'odd')
                    }
                ]
            };
iteratorValue++;

然后添加 css fortr.odd和tr.even.