javascript - 在 jquery tmpl 中获取索引

Question

不，这不是 this question 的重复...虽然有点相关，所以我将使用该 Q 中的代码进行比较。

我正在尝试使用 {{tmpl}} tag 从嵌套模板中获取索引.使用 tmlp 标签很像上面链接的问题中的 {{each}} 标签，但是 $index 属性不存在。

<script id="answerTable" type="text/x-jquery-tmpl">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
     {{tmpl(answersObj) '#answers' }}
    </table>
</script>

<script id="answers" type="text/x-jquery-tmpl">
    <tr>
        <th><input type="radio" name="group1" value="---!INDEX HERE!---" /></th>
        <td>${AnswerText}</td>
    </tr>
</script>

我不想以一种困惑的方式来完成这项工作——如果可能的话，我更愿意修改库。任何人都知道可以修改当前库以支持此功能的任何想法 - git hub source .这段代码有点超出我的理解范围，我的时间很紧，理解这个库不在我当前的项目范围内；)

Answer 1

OK 只好修改模板库。见this link用于 github 补丁。

jquery.tmpl.js 的原始(当前版本)第 150-155 行

ret = jQuery.isArray( data ) ?
        jQuery.map( data, function( dataItem ) {
        return dataItem ? newTmplItem( options, parentItem, tmpl, dataItem ) : null;
        }) :
        [ newTmplItem( options, parentItem, tmpl, data ) ];
return topLevel ? jQuery( build( parentItem, null, ret ) ) : ret;

修改以支持 $index

ret = jQuery.isArray( data ) ?
        jQuery.map( data, function( dataItem, index ) {
        if(dataItem){dataItem.$index = index;}
        return dataItem ? newTmplItem( options, parentItem, tmpl, dataItem ) : null;
        }) :
        [ newTmplItem( options, parentItem, tmpl, data ) ];
return topLevel ? jQuery( build( parentItem, null, ret ) ) : ret;