Asynchronous Tree component. Root node definition without using TUI_TREE_START

[ne-alex]

Hi,

Inside the Asynchronous example of the Tree component you're using TUI_TREE_START provider to define the root node of the tree. Is it actually possible or any ideas how it could be currently achieved to define the root node from e.g. parent component's input instead of injection token.

Currently if I use

<tui-tree
  [childrenHandler]="childrenHandler"
  [content]="content"
  [map]="map"
  [tuiTreeController]="false"
  [value]="root"
  (toggled)="onToggled($event)"
/>

<ng-template #content let-item>
  <tui-loader *ngIf="item === loading; else text" class="loader" />
  <ng-template #text>{{ item.text }}</ng-template>
</ng-template>

where root is an input of the component since it is received from an API.

Current behavior is that the Tree component displays an expected root node content and even requests API to get correct child nodes based on the root data when toggling the root node. But the children are not assigned to the root.

(Note: subscription to TuiTreeService data$ has been initiated inside the parent component, otherwise root component doesn't initiate API request)