utils : 模板字符串通用匹配

Posted 2020-12-11 guyuedashu

    <script type="text/html" id="tmp">
        <div class="name">
            <p class="gae">
                {{name}}
            </p>
            <img src="{{src}}" alt="">
        </div>
    </script>
    <script>
        var tmp = document.getElementById(‘tmp‘),
            opt = {
                name:888,
                src:‘sdasdadadadasd‘
            };
        // setTmpToHtmlStr(tmp.innerHTML,new RegExp(/{{(.*?)}}/,‘gim‘),opt);
        /**
         * @param tpl 模板字符串
         * @param regExp 正则
         * @param opt 要匹配的对象
         * 
        */
        function setTmpToHtmlStr(tpl,regExp,opt){
            return tpl.replace(regExp,function(node,key){
                console.log(opt[key]);
                return opt[key];
            });
        }