使用 'treeNodeFullTemplate' of angular-tree-component 不清楚

Question

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

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

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

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

我在stackblitz上做了一个例子。

Answer 1

您需要将 name 属性 的选项设置为 ohterName。 Read more about features of ITreeOptions here:

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

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

A work stackblitz example.