layui页面通过取对象{}渲染HTML

HTML

建模版

<!-- HTML模板 -->
<div class="layui-row">
        <div class="layui-col-md12" id="takeOrderInfoDiv"></div>
    </div>
    <script type="text/html" id="takeOrderInfo">
        <div class="layui-row">
             {{# if (d.takeOrderType !== 0 && d.takeOrderType !== 1) { }}
                 <div class="layui-inline layui-col-xs6">
                      <label class="layui-form-label">提货单类型：</label>
                         <div class="layui-input-block textLineHeight">
                             {{d.takeOrderTypeName}}
                         </div>
                 </div>
              {{# } }}
         </div>
    </script>
</div>

layui.use(['form', 'admin', 'ax','laytpl'], function () {
    var $ = layui.jquery;
    var $ax = layui.ax;
    var form = layui.form;
    var admin = layui.admin;
    var laytpl = layui.laytpl;//建模板

    //数据集
    var data = result.data
    var takeOrderInfoTpl = takeOrderInfo.innerHTML //获取模板，即上面所定义的 <script id="orderInfo">
        , takeOrderInfoDiv = document.getElementById('takeOrderInfoDiv'); //视图 即上面的 <div id="orderInfoDiv">
    laytpl(takeOrderInfoTpl).render(data, function (html) { //渲染视图
        takeOrderInfoDiv.innerHTML = html;
    });
});