示例代码:
<!--[ // 一参数include,参数为表达式,直接指定了模板,可以是相对路径,被include模板无参数传入 include("../xxx.html"); include(表达式结果作为路径); // 两参数include,参数为表达式,结果为要引入的模板路径,可以是相对路径, // 参数二是附加的表达式格式的参数,如果表达式运算结果不是Map类型则抛出异常; include(expression, {'a':'value'}); include(expression, 运算结果为Map类型的表达式作为被引入模板的参数); /* 通过include关键字来调用其它模板定义的片段,规则同上,下方是使用的字符串,当然也可以是表达式运算的结果; 引用其它模板的片段时,第一个参数是被引用的模板路径(同上方一样),后拼接#、模板片段名称,合起来作为片段路径; 而第二个参数则作为向该模板片段传递的参数; */ // 调用xxxx.html模板内名称为fragment的模板片段,无参数 include('xxxx.html#fragment'); // 调用xxxx.html模板内名称为fragment的模板片段并直接传参 include('xxxx.html#fragment', {'value':'value'}); // 调用xxxx.html模板内名称为fragment的模板片段并使用表达式作为模板片段参数,表达式结果需是map类型 var param={'value': 'value'}; include('xxxx.html#fragment', param); ]-->
注意事项:
1、引入模板时可以使用一参数或二参数的include指令,被引入模板的参数由include指定的第二个参数指定; 2、使用引入模板可以完成复杂的布局,即将需要制作的布局切割成小的模板文件或模板片段,通过include进行整合; 3、支持include嵌套,即include的模板里可以继续include其它模板; 4、使用include及模板片段可以模拟出模板继承的功能; 5、利用强大的include指令可以构建出许多富有创造性的组件,例如我们可以构建Web组件库;