为AntDesign的Table组件(树形数据)添加Checkbox(NG-ZORRO) 有点费解,为啥Ant-Design基于React和Vue的Table组件都有为树形数据表格添加checkbox的示例,但是基于Angular的Ng-Zorro却没有。 还是搞Angular的人太少啊,网上搜也搜不到类似的文章。大多数都是vue | react。 所以,我还是自己写个,也顺带理一下思路和逻辑。
是一个数组对象,多在select方法中被赋值 在获取某个树节点的数据时很好用 loadData 异步加载数据 树本身的结构比较深,在构造数据时困难之处就在于获取的数据不知道要作为哪层的子树数据。 loadData方法就帮助我们解决了这个难题,它的回调里面有node,当前的节点。 treeNode.dataRef包含当前节点的title、key、children,...
1.获取数据 首先,数据自然是tree结构的,这中间自然会有一些对数据的处理,说一下常用处理: 将扁平化数据处理为tree结构数据 将数据的属性处理为组件要求的属性 解决该组件的一些问题,优化 1.将数据的属性处理为组件要求的属性 使用组件提供的该属性:replaceFields="{ key:'id',title:'name',children:'children'}"...