1 import {Component, OnInit, Input, Output, EventEmitter} from '@angular/core';
2 import {Tree, TreeNode} from './tree';
9 (nodeClicked)="nodeClicked($event)">
16 const rootNode = new TreeNode({
20 new TreeNode({id: 2, label: 'Child'}),
21 new TreeNode({id: 3, label: 'Child2'})
25 this.myTree = new Tree(rootNode);
28 nodeClicked(node: TreeNode) {
29 console.log('someone clicked on ' + node.label);
35 templateUrl: 'tree.component.html',
36 styleUrls: ['tree.component.css']
38 export class TreeComponent implements OnInit {
41 @Output() nodeClicked: EventEmitter<TreeNode>;
44 this.nodeClicked = new EventEmitter<TreeNode>();
49 displayNodes(): TreeNode[] {
50 return this.tree.nodeList(true);
53 handleNodeClick(node: TreeNode) {
54 this.tree.selectNode(node);
55 this.nodeClicked.emit(node);