1 前提准备
1.1 新建一个angular4项目
参考博文：点击前往
1.2 去zTree官网下载zTree
zTree官网： 点击前往
2 编程步骤
从打印出zTree对象可以看出，zTree对象利用init方法来实现zTree结构；init方法接收三个参数
参数1：一个ul标签的DOM节点对象
参数2：基本配置对象
参数3：标题信息数组
2.1 在index.html中引入相关js、css
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>TestZtree</title>
<base href="/" rel="external nofollow" >
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico" rel="external nofollow" >
<link rel="stylesheet" type="text/css" href="./assets/zTree/css/zTreeStyle/zTreeStyle.css" rel="external nofollow" >
<link rel="stylesheet" type="text/css" href="./assets/zTree/css/demo.css" rel="external nofollow" >
<script src="./assets/zTree/js/jquery-1.4.4.min.js"></script>
<script src="./assets/zTree/js/jquery.ztree.core.js"></script>
</head>
<body>
<app-root></app-root>
</body>
</html>
内容版权声明：除非注明，否则皆为本站原创文章。