Можно ли рекурсивно использовать кендо-панель?

Question

Я новичок в Angular, Kendo и веб-разработке в целом, поэтому, пожалуйста, будьте осторожны:)

У меня есть такая модель, где Items является свойством в моем компоненте.

items: IDataTreeNode[]

export interface IDataTreeNode{
  children: IDataTreeNode[];
  data: IData;
}

export interface IData {
    key: number;
    description: string;
}

в шаблоне компонента HTML Я привязываю элементы к панели кендо следующим образом:

<kendo-panelbar [items]=items></kendop-panelbar>

Теперь в результате получается набор расходных стрелок, вложенных правильно, чтобы отразить мою модель , Но я не могу определить, что именно является заголовком или содержанием каждого элемента, созданного этой привязкой, в отличие от

*ngfor="let item of items"

У меня нет возможности получить доступ к элементу ".

Я пробовал использовать

<ng-template kendoPanelBarItemTitle let-dataitem>

Но кажется, что dataitem не работает для представления одного элемента, который я затем могу использовать для получения данных.

Пример my HTML

  <kendo-panelbar [items]="items">
     <ng-template kendoPanelBarItemTitle let-dataitem>
        {{dataitem.data.description}}
     </ng-template>
  </kendo-panelbar>

Есть ли у меня способ каким-то образом использовать данные, связанные с kendoPanelBarItem, чтобы я мог отображать данные для каждого отображаемого элемента?