Как сделать текст узла дерева в представлении дерева четкости активируемым? - PullRequest
Новая
       29

Как сделать текст узла дерева в представлении дерева четкости активируемым?

0 голосов
/ 17 апреля 2019

У меня есть следующая древовидная структура, созданная с использованием Clarity Framework (элемент clr-tree).

enter image description here

Это код, который я написалчтобы сгенерировать его в виде: 

<clr-tree>
  <clr-tree-node
    *clrRecursiveFor="let item of list; getChildren: getChildren"
    (click)="onSelect(item)"
    [class.m-selected]="selected && item.slug === selected.slug"
    > {{item.title}}
  </clr-tree-node>
</clr-tree>

Работает нормально, но проблема в том, что я могу только развернуть папки, нажав на значок enter image description here.Нажатие на текст заголовка папки не расширяет дочерние элементы.Есть ли способ использовать платформу Clarity для достижения такого поведения?

1 Ответ

1 голос
/ 17 апреля 2019

Вы можете привязать к расширенному состоянию, используя clrExpanded, и привязать свойство, чтобы определить, должен ли узел расширяться.Затем, используя ваш обработчик кликов, вы можете переключать это состояние программно.

<clr-tree>
  <clr-tree-node
    *clrRecursiveFor="let item of list; getChildren: getChildren"
    (click)="onSelect(item) && item.expanded = !item.expanded"
    [(clrExpanded)]="item.expanded"
    [class.m-selected]="selected && item.slug === selected.slug"
    > {{item.title}}
  </clr-tree-node>
</clr-tree>
...