angular - angular-tree-component 的“treeNodeFullTemplate”的使用不清楚

Question

我正在尝试在我的应用程序中使用以完全自定义组件，但在复制此处#treeNodeFullTemplate描述的新模板后，我似乎无法查看我的数据。

我的数据没有该name属性，所以我想使用另一个属性显示每个节点的标签，但我失败了。

我尝试将这个新模板与之前的模板（#treeNodeTemplate和#loadingTemplate）结合起来，但似乎没有任何效果，并且现在阅读文档并没有真正帮助我。

如何告诉组件查找属性otherName而不是name？

我在stackblitz上做了一个例子。

Answer 1

您需要将您的name属性的选项设置为ohterName. 阅读有关ITreeOptions此处功能的更多信息：

import { TREE_ACTIONS, KEYS, IActionMapping, ITreeOptions } from 'angular-tree-component';

options: ITreeOptions = {
    allowDrag: (node) => {
      return true;
    },
    displayField: 'ohterName',
    allowDrop: (node) => {
      return true;
    },
  };

一个工作堆栈闪电战示例。