ng2-tree
ng2-tree copied to clipboard
getControllerByNodeId() is not a function
Hi i have issue like this.GenericScopeTreeComponent.getControllerByNodeId is not a function
generic-scope-tree.component.ts
import { Component,Input, ElementRef, ViewChild, AfterViewInit } from '@angular/core'; import { TreeModule, Ng2TreeSettings, NodeEvent, RenamableNode, TreeModel} from 'ng2-tree';
@Component({
selector: 'generic-scope-tree',
template:
<tree #GenericScopeTreeComponent class="genericScopeTree" [tree]="tree" [settings]="settings" (nodeSelected)="logEvent($event)" (nodeRemoved)="onNodeRemoved($event)"
(nodeRenamed)="onNodeRenamed($event)" (nodeSelected)="onNodeSelected($event)"
(nodeUnselected)="onNodeUnselected($event)"(nodeMoved)="onNodeMoved($event)"
(nodeCreated)="onNodeFFSCreated($event)" (nodeExpanded)="onNodeExpanded($event)"
(nodeCollapsed)="onNodeCollapsed($event)" >
styleUrls: ['./generic-scope-tree.css']
})
export class GenericScopeTreeComponent implements AfterViewInit{
@Input() tree:TreeModel;
@Input() settings:any;
selectedValue:any;
@ViewChild('GenericScopeTreeComponent') GenericScopeTreeComponent: ElementRef
public ngAfterViewInit(): void { debugger; const oopNodeController = this.GenericScopeTreeComponent.getControllerByNodeId(1); }
}
used above component by passing the tree object
configuration.ts
import { Component, OnInit,Input } from '@angular/core'; import { BreakpointObserver, Breakpoints, BreakpointState } from '@angular/cdk/layout'; import { Observable } from 'rxjs'; import { map,switchMap } from 'rxjs/operators';
import {AppConst} from '../../../model/app-const'; //import { NetworkGenericAction } from '../../service/network-generic.service';
@Component({ selector: 'configuration-landing', templateUrl: './configuration-landing.html', //styleUrls: ['./network-landing.css'] }) export class ConfigurationLandingComponent implements OnInit { tree: any; settings:any; selectedVal:any;
constructor() { console.log("ConfigurationLandingComponent::constructor"); //this.selectedScope = this.networkGenericAction.getNetworkScopeFolderId(); }
ngOnInit(){ this.tree = { value: 'ADSP', id: 1, settings: { cssClasses: { expanded: 'fa fa-caret-down', collapsed: 'fa fa-caret-right', empty: 'fa fa-caret-right disabled', leaf: 'fa' }, templates: { node: '', leaf: '' } }, children: [ { value:'India', key:'country', id:2, children: [ { value:'Banglore', key:'city', id:3, children: [ { value:'ecospace', key:'region', id:5, children: [ { value:'3 block', key:'site', id:6, children:[ { value:'Extreme', key:'area', id:7, children:[{ value:'1st floor', key:'floor', id:8 }] } ]
}
]
}
]
},
{
value:'Chennai',
id:4,
key:'city',
children:[]
}
]
}
]
}; } }