实现 apicloud 中使用 include 标签引入模板文件

在模板中包含公共部分的小模板代码块是很常用的功能,但是我没有找到 apicloud 官方提供的实现,就自己写了一个,下面的代码实现了在 apicloud 中使用 include 标签引入模板文件的功能.

引入函数,要在apicloud ready 后运行:

/**
使用 apicloud 实现  include 功能
参数 api 为 apiready = function() {...} 的代码块里的 api
**/
function include_files(api){
$("include").each(function() {
var ele = $(this);
var file_name = ele.attr("file");
var wgtRootDir = api.wgtRootDir;    //程序运行目录
var file_path = wgtRootDir + "/" + file_name;   //拼接文件的完整路径

api.readFile({
path: file_path
}, function(ret, err) {
if (ret.status) {
var file_data = ret.data;
$(file_data).appendTo(ele);    //把文件内容添加到 include 标签后面
} else {
alert(err.msg);
}
})
})
}

引入文件的标签, file 属性为项目目录下的相对路径:

<include file="html/menu.html" />

调用执行 include 标签的代码执行包含文件:

<script>
apiready = function() {
include_files(api);
}
</script>