Angular树形控件的使用

1.html引入树形控件,双向绑定数据<nz-tree nzSize="default" [nzData]="nodesdataNew" nzCheckable nzMultiple [nzCheckedKeys]="defaultCheckedKeys" [nzExpandedKeys]="defaultExpandedKeys" ...
摘要由CSDN通过智能技术生成

1.html引入树形控件,双向绑定数据

<nz-tree  nzSize="default" [nzData]="nodesdataNew" nzCheckable nzMultiple
                  [nzCheckedKeys]="defaultCheckedKeys"  [nzExpandedKeys]="defaultExpandedKeys"
                  [nzSelectedKeys]="defaultSelectedKeys" (nzClick)="nzEvent($event)"
                  (nzExpandChange)="nzEvent($event)" (nzCheckBoxChange)="nzEvent($event)">   
 </nz-tree>
注释:
 // [nzCheckable]	节点前添加 Checkbox 复选框
 // [nzMultiple]	支持点选多个节点(节点本身)
 // [nzExpandedKeys]	展开指定的树节点
 // [nzCheckedKeys]	指定选中复选框的树节点
 // [nzSelectedKeys]	指定选中的树节点
 // (nzClick)	点击树节点触发
 // (nzExpandChange)	点击展开树节点图标触发
 // (nzCheckBoxChange)	点击树节点 Checkbox 触发

2.ts里的逻辑

定义一个树结构

//树选择器
public nodesdata:any = [
  {
    title: '日志列表',
    key: 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值