Использование 'treeNodeFullTemplate' angular -tree-component не ясно

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

Пример работы со стеком.