【artTemplate】artTemplate模板引擎入门（二）：原生语法

男娘i 2022-05-19 23:28 348阅读 0赞

#### 引入文件 ####

<script src="./template-native.js"></script>

#### 一.遍历数组 ####

html

<div id="box"></div>

配置模板

<script> var data = { title: "Welcome To ArtTemplate", arr: ["a", "b", "c", "d", "e"], json: { a: 'aaa', b: 'bbb', c: 'ccc', d: 'ddd' } } var strhtml = template("tpl", data); var box = document.getElementById("box"); box.innerHTML = strhtml; </script>

#### 2.遍历json ####

配置模板

<script type="text/html" id="tpl">
        <ul>
            <% for (key in obj) {%>
                <li>
                    <%= key %>---
                        <%=obj[key]%>
                </li>
                <%}%>
        </ul>
    </script>

渲染模板

<script> var data = { obj: { a: 'aaaa', b: 'bbbb', c: 'cccc', d: 'ddddd', e: 'eeee' } } var strhtml = template("tpl", data); var box = document.getElementById("box"); box.innerHTML = strhtml; </script>

#### 3.原生扩展函数 ####

模板

script type="text/html" id="tpl">
        <h1>
            <%= toDouble(a) %>
        </h1>
    </script>

<script> var data = { a: 'aaaaaa' } // 声明扩展函数 template.helper("toDouble", function(str) { return str + "-----双击666" }) var strhtml = template("tpl", data); var box = document.getElementById("box"); box.innerHTML = strhtml; </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，348人围观）

还没有评论，来说两句吧...

相关阅读

相关 velocity模板引擎-vm语法整理

velocity模板引擎-vm语法整理模板引擎我目前接触过两次，第一次是在前后端还未分离时，考虑到部分页面数据比较固定，一定时间内不会变动，这样每次从后台加载数据渲

柔情只为你懂/ 2022年12月22日 09:53/ 0 赞/ 476 阅读

相关 html模板引擎字符串长度,VTemplate模板引擎入门

变量元素变量元素主要用于输出变量表达式的值。其定义格式为： \{$:变量表达式？属性="属性值"\} 例子： \{$:i\}、\{$:user.age?format=

短命女/ 2022年10月06日 03:59/ 0 赞/ 154 阅读

相关模板引擎基本语法

模板引擎基本语法一、模板语法 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR

淡淡的烟草味﹌/ 2022年09月05日 14:56/ 0 赞/ 209 阅读

相关 jade模板引擎（二）

`` jade模板引擎（二） 1.条件语句 jade允许我们不写圆括号（），渲染出常规的JavaScript 一个简单地例子： - var user =

野性酷女/ 2022年08月18日 02:04/ 0 赞/ 206 阅读

相关【artTemplate】artTemplate模板引擎入门（一）：简洁语法的使用

artTemplate 是新一代 javascript 模板引擎，它采用预编译方式让性能有了质的飞跃，并且充分利用 javascript 引擎特性，使得其性能无论在前端还是后端

系统管理员/ 2022年05月22日 04:27/ 0 赞/ 250 阅读

相关【artTemplate】artTemplate模板引擎入门（二）：原生语法

引入文件 <script src="./template-native.js"></script> 一.遍历数组 html <div id="b

男娘i/ 2022年05月19日 23:28/ 0 赞/ 349 阅读

相关 Freemaker模板引擎基础语法

> 1、常用$\{var\}语法进行取值 > 2、如果值有可能为null、或者要取的对象可能不存在：使用$\{var!\} > > 因为当对象不存在或null值时，$\{v

﹏ヽ暗。殇╰゛Y/ 2022年04月10日 06:41/ 0 赞/ 345 阅读

相关 JAVA模板引擎velocity语法讲解

Velocity 是一个基于 Java 的模板引擎，它允许用户使用简单的模板语言来引用由 Java 代码定义的对象。当 Velocity 应用于 Web 开发时，界面设计人员可

谁借莪１个温暖的怀抱￠/ 2022年03月26日 03:51/ 0 赞/ 835 阅读

相关 ejs模板引擎常用语法

NodeJs的模板引擎有很多，`ejs`是比较简单和容易上手的。常用的一些语法如下: > 提示：中间的内容数据记得前后要空一格 `<% ... %>` 包含js代

素颜马尾好姑娘i/ 2021年10月15日 04:25/ 0 赞/ 418 阅读

相关 swig模板引擎语法

无广告浏览请移步：[swig模板引擎语法][swig] 本文档长期更新… 在这里本人亲测以及百度记录一下语法及其用法。格式化字符串 __('', ''

淡淡的烟草味﹌/ 2021年09月30日 10:44/ 0 赞/ 444 阅读