SiTreeViewItemTemplateDirective documentation¶

selector

[siTreeViewItemTemplate]

Tree view item template directive for defining custom item templates.

Deprecated: Use siTreeViewItem instead.

This directive is deprecated and will be removed in a future version.

Example:
Migration Guide:

Before (deprecated):

<si-tree-view>
  <ng-template siTreeViewItemTemplate="root" let-item>
    <div class="custom-item">Root {{ item.level }}</div>
  </ng-template>
  <ng-template siTreeViewItemTemplate="child" let-item>
    <div class="custom-item">Child {{ item.level }}</div>
  </ng-template>
</si-tree-view>

After (recommended):

<si-tree-view>
  <ng-template siTreeViewItem let-item="treeItem">
    <si-tree-view-item>
     <div class="custom-item">
      @if (item.level === 0) {
        Root {{ item.level }}
      } @else {
        Child {{ item.level }}
      }
     </div>
    </si-tree-view-item>
  </ng-template>
</si-tree-view>

Input Properties¶

Name	Type	Default	Description
siTreeViewItemTemplate ¶	`string`	`undefined`

Types Documentation¶

No types to document for items on this page.

Except where otherwise noted, content on this site is licensed under MIT License.