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

Dan*_*ges 4 jquery templates zepto icanhaz.js

假设我有一个元素,里面想要放一个无限数量的元素

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

        <ul>
         for(i = 0; i < numOfLi; i++)
           <li> {{ stuff }} </li>
        </ul>
    
    Run Code Online (Sandbox Code Playgroud)
  • bos*_*nou 13

    icanhaz(胡子)确实包含一种循环方式.

    在javascript中:

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

    在你看来:

    <script id="myTemplate" type="text/html">
      {{#stuff}}
        <option value="{{key}}">{{desc}}</option>
      {{/stuff}}
    </script>
    
    <select id="mySelectBox">
    </select>
    
    Run Code Online (Sandbox Code Playgroud)

    {{#stuff}}{{/stuff}}划定名单.有关详细信息,请查看胡子Sections部分.

    编辑:如果您使用的是jQuery 1.9或更高版本,请务必查看此答案.