递归模版
<html>
<head>
<title>ui控件定义</title>
<script src="jquery-1.11.2.min.js"></script>
<script src="groot.js"></script>
</head>
<body>
<div gt-view="myview">
<ul gt-each="list" gt-include="./templ2.html">
</ul>
</div>
</body>
</html>
<script>
require("./ui");
groot.view("myview", function (vm, ve) {
vm.list = [
{
dept: "移动互联网产品部",
depts: [
{
dept: "开发一组",
depts:[],
member: [
{name: "张三", sex: "男"}
,
{name: "李四", sex: "男"}
,
{name: "王五", sex: "男"}
]
}, {
dept: "开发二组",
depts:[],
member: [
{name: "张三", sex: "男"}
,
{"name": "李四", sex: "男"}
,
{name: "王五", sex: "男"}
]
}
],
member: [
{name: "张三", sex: "男"}
,
{name: "李四", sex: "男"}
,
{name: "王五", sex: "男"}
]
},
{
dept: "生产系统集成部",
depts: [],
member: [
{name: "张三", sex: "男"}
,
{name: "李四", sex: "男"}
,
{name: "王五", sex: "男"}]
}
];
})
</script>
模版
<li>
<span gt-text="{dept}"></span>
<ul gt-each="member">
<li><span gt-text="{name}+'--'+{sex}"></span></li>
</ul>
<ul gt-each="depts" gt-include="./templ2.html">
</ul>
</li>