Skip to main content Skip to navigation Skip to search

Tree View

Angular Components

ClrTree

Selector & Basic Usage

ClrTreeNode

Selector & Basic Usage

Bindings

Binding Type Options Default Description
[(clrSelected)] two-way ClrSelectedState.UNSELECTED, ClrSelectedState.SELECTED, ClrSelectedState.INDETERMINATE null Enable selection for the tree and its nodes.
[clrExpandable] input true, false false When true, allow an app to prevent pre-loading of nodes that are not expanded..
[(clrExpanded)] two-way true, false false When true a node is expanded.

Angular Directives

ClrIfExpanded

Selector & Basic Usage

Use our *clrIfExpanded structural directive to lazy-load node children.

Bindings

Binding Type Options Default Description
[(clrIfExpanded)] two-way true, false false Two way binding for the expanded/collapsed state of a ClrTreeNode.

ClrRecursiveFor

Selector & Basic Usage

Bindings

Binding Type Options Default Description
[clrRecursiveFor] input The Type or array of Type representing ClrTreeNode's. Two way binding of the
[clrRecursiveForGetChildren] input n/a The function called used to iterate over the children of a node. Can return async results (Promise or Observable).