jquery - ICanHaz.js - 可以在模板中放置 while 循环吗?

标签 jquery templates zepto icanhaz.js

假设我有一个元素,并且在其中想要放置无限数量的

  • 项(基于用户的选择)。有没有办法创建允许某种 while 循环的 ICanHaz 模板。例如:

        <ul>
         for(i = 0; i < numOfLi; i++)
           <li> {{ stuff }} </li>
        </ul>
    
  • 最佳答案

    icanhaz( mustache )确实包含一种循环方式。

    在 JavaScript 中:

    var listOfStuff = {stuff: [ 
                          {key: "1", desc: "First"},
                          {key: "2", desc: "Second"}
                      ]};
    $("#mySelectBox").append(ich.myTemplate(listOfStuff));
    

    您认为:

    <script id="myTemplate" type="text/html">
      {{#stuff}}
        <option value="{{key}}">{{desc}}</option>
      {{/stuff}}
    </script>
    
    <select id="mySelectBox">
    </select>
    

    {{#stuff}}{{/stuff}} 分隔列表。查看 moustacheSections 部分了解详情。

    编辑:请务必查看 this answer如果您使用的是 jQuery 1.9 或更高版本。

    关于jquery - ICanHaz.js - 可以在模板中放置 while 循环吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7075424/

    相关文章:

    ruby-on-rails - Rails 中的 ERB 中的 <%、<%=、<%# 和 -%> 有什么区别?

    c++ - 具有派生类的模板化数据类型

    c++ - 模板结构成员的模板参数数量错误(1 应该是 3)

    javascript - JS 中相对于parent.parent 容器的位置元素?没有绝对/固定定位?

    javascript - 同位素中的动画项目大小 : Why is first item wonky?

    javascript - 未捕获的 TypeError : child. dispatchEvent 不是 EaselJS 的函数

    jquery - 如何在不同页面访问phonegap数据库?

    javascript - 如何专注于javascript对话框 'OK'按钮

    android - Weui 超链接在 Android 上不起作用

    jquery - zepto.js : Viewport and Lazyload plugins?