template 模板引擎(js jq) art-template

需求:

原生js 模板引擎渲染:

代码:

<select style="height: 28px;border-radius: 5px;"  class="input-md selectpicker" data-live-search="true" id="ruleSeleted" name="ruleSeleted">
</select>
var $jQuery = $;
<script src="${request.contextPath}/static/plugin/jquery/template-web.js"></script>

<script type="text/html" id="rule_temp">
    <option value=""></option>
    {{ each list item index}}
    <option value="{{item.ruleId}}" data-code="{{item.ruleId}}" data-name="{{item.ruleName}}" data-state="{{item.ruleState}}" data-type="{{item.ruleType}}">{{item.ruleName}}</option>
    {{/each}}
</script>
 $.ajax({
        "url":path + "XXXXX",
        "type":"POST",
        success:function(res){
            
            var enentRulehtml = template('rule_temp',{
                list:res
            })
            $('#ruleSeleted').html(enentRulehtml)
         }
})

中文文档地址:https://aui.github.io/art-template/zh-cn/docs/index.html

git地址:https://github.com/yanhaijing/template.js

原文地址:https://www.cnblogs.com/lpp-11-15/p/13684749.html