首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >arttemplate 模板语法

arttemplate 模板语法

作者头像
OECOM
发布2020-07-01 17:21:24
发布2020-07-01 17:21:24
5080
举报
文章被收录于专栏:OECOMOECOM

2017-05-19 05:44:11

1.遍历表达式

代码语言:javascript
复制
<ul id="carList" class="list-unstyled">
    <script id="carListTmp" type="text/html">
      {{each nodes}}
        <li>
          <input type="checkbox" value="{{#$value.val}}" name="">
          {{$value.name}}  
        </li>
      {{/each}}
    </script>
 </ul>

2.模板包含表达式

代码语言:javascript
复制
<ul id="carList" class="list-unstyled">
  <script id="carListTmp" type="text/html">
    <li>
      {{$value.name}}
      {{include 'carListTmp2' $value.children}}
    </li>
  </script>
</ul>

3.条件表达式

代码语言:javascript
复制
<script id="carListTmp3" type="text/html">
  <ul>
    {{if $value.color === "red"}}
       <i class="fa fa-circle-o text-red"></i>
       {{else if $value.color === "green"}}
       <i class="fa fa-circle-o text-green"></i>
       {{else}}
       <i class="fa fa-circle-o text-default"></i>
       {{/if}}
  </ul>
</script>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-05-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档