angular Ng-Zrro树形控件异步加载

最新推荐文章于 2022-04-24 16:32:50 发布

兔子R/T坦克

最新推荐文章于 2022-04-24 16:32:50 发布

阅读量504

点赞数

分类专栏：需求功能文章标签： angular 树结构

本文链接：https://blog.csdn.net/weixin_49050598/article/details/117162550

版权

本文介绍了如何在Angular项目中使用Ng-Zorro库的树形控件进行异步加载数据。通过解析`nzExpandChange`和`nzClick`事件，展示如何在节点点击时获取相关信息，并提供了基本的`loadNode`方法实现，欢迎交流优化策略。

摘要由CSDN通过智能技术生成

这个读懂代码也挺简单的

html代码

<nz-tree [nzData]="nodes" nzAsyncData (nzClick)="nzEvent($event)" (nzExpandChange)="nzEvent($event)"> </nz-tree>

nzExpandChange 是点击展开树节点图标触发事件
nzClick 就不用介绍了吧
点击之后会返回这些
在这里插入图片描述
eventName 就是你触发的事件名 click 和 Expand 下拉

nzEvent事件的js

 nzEvent(event: NzFormatEmitEvent): void {
   
    if (event.eventName === 'expand') {
   
      const node = event.node;</

关注