@angular/aria/tree

TreeItem

디렉티브

ngTree 안에서 선택하고 펼칠 수 있는 항목입니다.

API

    
      class TreeItem<V> extends DeferredContentAware implements OnInit ,OnDestroy ,HasElement {}

element

HTMLElement

호스트 엘리먼트에 대한 참조입니다.

id

InputSignal<string>

트리 항목의 고유 식별자입니다.

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<boolean>

항목이 활성 상태인지 나타냅니다.

level

Signal<number>

트리에서 현재 항목의 깊이입니다.

selected

Signal<boolean | undefined>

항목이 선택되었는지 나타냅니다.

visible

Signal<boolean>

모든 상위 항목이 펼쳐져 있어 이 항목이 표시되는지 나타냅니다.

ngOnInit

void

@returnsvoid

ngOnDestroy

void

@returnsvoid

contentVisible

WritableSignal<boolean>

preserveContent

ModelSignal<boolean>

설명

ngTree 안에서 선택하고 펼칠 수 있는 항목입니다.

ngTreeItem 디렉티브는 ngTree 안의 개별 노드를 나타냅니다. 선택하거나, 자식이 있으면 펼치거나, 비활성화할 수 있습니다. parent 입력 프로퍼티는 트리 안의 계층 관계를 설정합니다.

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