gulp-tmodjs插件使用应该注意哪些?

发布于 2022-09-04 08:05:19 字数 3586 浏览 23 评论 0

传入模版和循环模版的逻辑代码如下:

function dealList(URL){
   $.ajax({
           url:URL,
           type:'GET',
           async:false,
           dataType:'json',
           beforeSend:function(){
            /*todo something*/
           },
           success:function(data){
             if(data.code == 100){
                 if(data.content.rows){
                     var dealitem = [];
                     //先清空静态html资源
                     $(".log-tbody").html("");
                     for(var i  = 0;i < data.content.rows.length;i++){
                         var currdeal = data.content.rows[i];
                         var currdata = $(template('tpl-tradebody',currdeal));
                         $(".log-tbody").append(currdata);
                     }
                 }
             }
           },
           error:function(){
            /*todo something*/
            alert("ajax error");
           }
   });
}

artTemplate中语法:判断条件直接写在html片段里,tmodjs中的demo也是这么写的

<div id="footer">
{{if time}}
    <p class='time'>{{time}}</p>
{{/if}}
{{include '../copyright'}}
</div>

用tmodjs的方式,把script中的html片段另外存放了,修改为直接引入模版文件路径。

<script type="text/template" id="tpl-tradebody" src="../tpl/build/template.js"></script>


文件路径tpl下:

<div class="counts-left">
                             left-list
                             <div>
                                   <div class="counts-row">
                    <span class="icon-suc">成功订单</span><span><em>{{success_num}}<i>单</i></em></span>
                    </div>
                    <div class="counts-row">
                    <span class="icon-out">退款订单</span><span><em>{{fail_num}}<i>单</i></em></span>
                    </div>
                              </div>
                              end
                           </div>
                           <div class="counts-right">
                           right-list
                             <div>
                               <div class="counts-row">
                                   <span>订单数</span><span><em>{{total_orders}}<i>元</i></em></span>
                               </div>
                               <div class="counts-row">
                                   <span>销售金额</span><span><em>{{sales_amount}}<i>元</i></em></span>
                               </div>
                               <div class="counts-row">
                                   <span>平台费用</span><span><em>{{cost_plm}}<i>元</i></em></span>
                               </div>
                               <div class="counts-row">
                                   <span>实际发放</span><span><em>{{act_paid}}<i>元</i></em></span>
                               </div>
                              </div>
                              end
                           </div>

现在引用../tpl/build/template.js的模版没有在当前页面上显示,控制台也没有报错,是因为什么原因?如果用过预编译的方式载入模版,我循环和判断的逻辑是不是要写在html片段中才会生效了?求用过的朋友指点下?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文