Classic Tree

Selected: {{node1.label?node1.label:"N/A"}}
label: {{node.label}} ({{node.id}})

Light Tree

Selected: {{node2.label?node2.label:"N/A"}}
label: {{node.label}} ({{node.id}})

Dark Tree

Selected: {{node3.label?node3.label:"N/A"}}
label: {{node.label}} ({{node.id}}) [{{label}}]

Selection

Based on callback (on-selection): {{selected}}
Based on binding (selected-node): {{node1.label}}, {{node2.label}}, {{node3.label}}

Mutate the tree

add root
add child (to node 1)
add child (to node 1.1.1)
Replace tree data
External Scope Label:
Bind to tree label of node 1.1