html underscore__template.html

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html underscore__template.html相关的知识,希望对你有一定的参考价值。

<!-- how to print array in underscore.js template -->

<script type='text/template' id="bunny-template">
  <div> 
     <h5><%= name %></h5>
     <ul>
       <% for(var tag in tags) { %>
           <li><%= tags[tag] %></li>
       <% } %>
     </ul>
  </div>
</script>

<!-- http://stackoverflow.com/questions/8648629/how-to-print-array-in-underscore-js-template -->

<script>
  render: function() {
     this.$el.html( this.template( items : this.model.toJSON()));
     return this;
  }
</script>

<ul>
   <li><a href="#">${name}</a>
      <ul> {each items}
          <li><a href="#">${name}</a></li>
      </ul>
   </li>
</ul>

<!-- http://stackoverflow.com/questions/16417768/multi-level-ul-li-backbone-js -->

以上是关于html underscore__template.html的主要内容,如果未能解决你的问题,请参考以下文章

underscore中template的使用Demo

使用underscore模块的template功能实现对HTML的数据注入+template实现数据注入(后面更新)

underscore模板引擎的小例子

underscore.js中模板函数应用

underscore 系列之内部函数 cb 和 optimizeCb

underscore.js 预编译模板使用