Использование treeNodeFullTemplate компонента angular-tree неясно

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;
    },
  };

Пример работы stackblitz.