TreeItem — Angular | Spec-Zone.ru

Выбираемый и раскрываемый элемент в ngTree.

API

class TreeItem<V> extends DeferredContentAware implements OnInit ,OnDestroy ,HasElement {
  readonly element: HTMLElement;
  readonly @Input() id: InputSignal<any>;
  readonly @Input() value: InputSignal<V>;
  readonly @Input() parent: InputSignal<Tree<V> | TreeItemGroup<V>>;
  readonly @Input() disabled: InputSignalWithTransform<boolean, unknown>;
  readonly @Input() selectable: InputSignal<boolean>;
  readonly @Input() @Output('expandedChange') expanded: ModelSignal<boolean>;
  readonly @Input() label: InputSignal<string | undefined>;
  readonly searchTerm: Signal<string>;
  readonly tree: Signal<Tree<V>>;
  readonly active: Signal<any>;
  readonly level: Signal<any>;
  readonly selected: Signal<any>;
  readonly visible: Signal<any>;
}

element

HTMLElement

Ссылка на хост-элемент.

id

InputSignal<any>

Уникальный идентификатор элемента дерева.

value

InputSignal<V>

Значение элемента дерева.

parent

InputSignal<Tree<V> | TreeItemGroup<V>>

Корень родительского дерева или группа элементов дерева.

disabled

InputSignalWithTransform<boolean, unknown>

Отключён ли элемент дерева.

selectable

InputSignal<boolean>

Можно ли выбрать элемент дерева.

expanded

ModelSignal<boolean>

Раскрыт ли элемент дерева.

label

InputSignal<string | undefined>

Необязательная метка для поиска по началу строки. По умолчанию используется textContent элемента.

searchTerm

Signal<string>

Поисковый запрос для поиска по началу строки.

tree

Signal<Tree<V>>

Корень дерева.

active

Signal<any>

Активен ли элемент.

level

Signal<any>

Уровень текущего элемента в дереве.

selected

Signal<any>

Выбран ли элемент.

visible

Signal<any>

Виден ли этот элемент благодаря тому, что все его родительские элементы раскрыты.

ngOnInit

void

@returnsvoid

ngOnDestroy

void

@returnsvoid

Описание

Выбираемый и раскрываемый элемент в ngTree.

Директива ngTreeItem представляет отдельный узел внутри ngTree. Его можно выбрать, раскрыть (если у него есть дочерние элементы) или отключить. Входной параметр parent задаёт иерархическую связь внутри дерева.

<li ngTreeItem [parent]="parentTreeOrGroup" value="item-id" label="Item Label">
  Item Label
</li>