关于使用angular-tree-dnd遇到的坑

因为项目里要用到树形插件做个下拉的机构选择树形图,开始想到了angular-ui-tree,但是因为数据格式和我的数据格式不是很匹配,所以就弃用了,在github上找了另外一个,也就是今天的主角:angular-tree-dnd(https://github.com/thienhung1989/angular-tree-dnd)。
  先说说数据格式的问题,说到树形图,很多人脑子里出现的数据格式可能就是子节点套在父节点里面,子子节点再套在子节点里面,一层一层嵌套下去,这样的数据格式阅读起来结构是比较清晰,做成树形图的话依赖angular-ui-tree会比较好,下面是这种数据格式:

  {
    "id": 1,
    "title": "node1",
    "nodes": []
  }

  还有一种数据格式是通过parent_id来确定父子节点对应关系,而我现在的项目的数据格式就是这种:

[
  {
    "DemographicId": 1,
    "ParentId": null,
    "Name": "United States of America",
    "Description": "United States of America",
    "Area": 9826675,
    "Population": 318212000,
    "TimeZone": "UTC -5 to -10"
  },
  {
    "DemographicId": 2,
    "ParentId": 1,
    "Name": "California",
    "Description
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值