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