角材料树复选框与真实示例

如何解决角材料树复选框与真实示例

我看到了几乎所有有关如何使用角形材质树复选框的示例，例如official example和this。
在此示例中，使用了字符串数组结构。但是如何将真正的嵌套对象数组结构转换为角形材料树复选框？
我的结构：

当您看到从服务器接收到的数据时，请向客户端说明哪个项目复选框的值为true。和'Id'必须绑定到树，因为当用户提交表单时，我将此字段发送到服务器。
这个结构正确吗？以及如何映射到角形材质的树形复选框。
我猜必须更改official example中的“ buildFileTree（）”或“ transformer（）”方法。因为当我用官方示例“ TREE-DATA”替换“ TREE-DATA”时；然后我看到跟随树。

角版本（7.0.0）角材料版本（6.4.7）

解决方法

最后我解决了这个问题，并在this place

中编写了一个示例

如何解决？
我猜到了我必须在“ buildFileTree（）”和“ transformer（）”中写入一些更改。

buildFileTree(obj: {[key: string]: any},level: number): TodoItemNode[] {
return Object.keys(obj).reduce<TodoItemNode[]>((accumulator,key) => {
  const item = obj[key];
  const node = new TodoItemNode();
  node.label = obj[key].name;
  node.id = obj[key].id;
  node.isChecked=  obj[key].isChecked;
  node.claimId=  obj[key].claimId;
  node.isPlanType=  obj[key].isPlanType;

  if (item != null) {
    if (typeof item === 'object'  && item.children!= undefined) { 


      node.children = this.buildFileTree(item.children,level + 1);
    } else {
      node.label = item.name;
    }
  }

  return accumulator.concat(node);
},[]);}

  transformer = (node: TodoItemNode,level: number) => {
const existingNode = this.nestedNodeMap.get(node);
const flatNode = existingNode && existingNode.label === node.label
    ? existingNode
    : new TodoItemFlatNode();
flatNode.label = node.label;
flatNode.level = level;
flatNode.id=node.id;
 flatNode.isChecked = node.isChecked;
 flatNode.claimId = node.claimId;
 flatNode.isPlanType = node.isPlanType;
flatNode.expandable = !!node.children;
this.flatNodeMap.set(flatNode,node);
this.nestedNodeMap.set(node,flatNode);
return flatNode;  }