关注开源代码的实际应用
1、导入jTemplates.js
- <script type="text/javascript" src="js/jquery-jtemplates.js"></script>
2、html中的代码
- <div id="content"></div>
3、模板代码
- < textarea id="template" style="display:none">
- 你好:{$T.name},今天你{$T.age}岁了。
- </textarea>
4、JSON数据
- var profile={name:"小白",age:"24"};
5、调用方法
- $(".content").setTemplateElement("template");
- /* template指模板容器(这里是textarea)的ID;这里把template的innerHTML给了content。
- 也可以直接将innerHtml传入:
- var abc ='<textarea id="template" style="display:none">'
- + '你好:{$T.name},今天你{$T.age}岁了。</textarea>';
- $(".content").setTemplateElement(abc);
- */
- $(".content").processTemplate(profile);//让content读取profile这个数据。
6、最终输出
- <div id="jTemplatesTest">你好:小白,今天你24岁了。</div>