美文网首页
js原生实现一个简单的模版引擎

js原生实现一个简单的模版引擎

作者: sdcV | 来源:发表于2017-07-10 18:45 被阅读15次
    • 代码如下
      var template = "<p>Name: <a href = "mailto:{{email}}">{{name}}</a>
      Company:{{company}}</p><p>City:{{city}}</p>",
      me = {
      name: "sdcV",
      email: "bill@microsoft.com",
      company: "Microsoft",
      city: "London"
      };
      function applyDataToTemplate(templateString, dataObject) {
      var key, value, regex;
      for(key in dataObject){
      regex = new RegExp("{{" + key + "}}", "g");
      value = dataObject[key];

             templateString = templateString.replace(regex, value);
         }
          return templateString;
      }
      alert(applyDataToTemplate(template, me));

    相关文章

      网友评论

          本文标题:js原生实现一个简单的模版引擎

          本文链接:https://www.haomeiwen.com/subject/cwduhxtx.html