angular简单使用ztree

改天

于 2021-01-11 11:36:50 发布

阅读量609

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_41896729/article/details/112464296

版权

本文介绍了如何在Angular项目中使用ZTree，包括通过npm安装ZTree包的步骤，以及在页面创建过程中的关键操作。详细步骤可参考链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图

1.导入包

npm i ztree -S -save

具体操作

https://blog.csdn.net/qq_41896729/article/details/112464133

创建页面

<div style="display:flex;padding-top:30px;height: 360px">
  <div class="left-model" style="height: 500px;width: 900px;color: #7a869d">
    <ul id="ztree" class="ztree"></ul>
  </div>
  <div class="right-model">
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 1000px;height:500px;"></div>
  </div>
</div>