javascript – JsRender：如何将变量传递给嵌套模板

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – JsRender：如何将变量传递给嵌套模板，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1257字，纯文字阅读大概需要2分钟。

内容图文

我想在我的网页的不同部分使用嵌套模板.对于不同的部分,我需要从嵌套模板中的数组中获取值.我不能使用for循环,因为每个部分在网站上有不同的类和位置.是否可以将变量传递给嵌套模板？以下代码简化了我要实现的目标：

<script id="myBtnTmpl" type="text/x-jsrender">
    <button class="btn">        
        {{:myData.myArray[INDEX_VARIABLE].btnName}}
    </button>
</script>

//  Here I want to use INDEX_VARIABLE = 0
<div class="BigButton">
    {{if myData tmpl="myBtnTmpl"/}}
</div>

//  Here I want to use INDEX_VARIABLE = 1
<div class="MediumButton">
    {{if myData tmpl="myBtnTmpl"/}}
</div>

//  Here I want to use INDEX_VARIABLE = 2
<div class="SmallButton">
    {{if myData tmpl="myBtnTmpl"/}}
</div>

另一个问题：当使用嵌套模板时,可以包含嵌套模板,如{{tmpl =“myBtnTmpl”/}},而不使用if语法？

谢谢！

解决方法:

是的,您可以在使用tmpl =“myBtnTmpl”的标记上设置命名模板参数(无论是{{if}}标记还是{{for}}标记)：

<div class="BigButton">
    {{for myData ~arrIndex=0 tmpl="myBtnTmpl"/}}
</div>

然后,您可以像访问已注册的帮助程序一样访问模板参数 – 通过在名称后附加“?”.

<button class="btn">        
    {{:myData.myArray[~arrIndex].btnName}}
</button>

顺便提一下,您还可以使用render方法传递变量和辅助函数(以及数据).我刚添加了一个新的sample demo显示.

所以这意味着,无论是从代码渲染模板还是在上面的嵌套模板中进行声明,模板都可以“参数化”.

内容总结

以上是互联网集市为您收集整理的javascript – JsRender：如何将变量传递给嵌套模板全部内容，希望文章能够帮你解决javascript – JsRender：如何将变量传递给嵌套模板所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端