gulp-tmodjs插件使用应该注意哪些?
传入模版和循环模版的逻辑代码如下:
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论