关于使用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