Questions tagged [angular-tree-component]

angular-tree-component, a simple yet powerful tree component for Angular. Please ask only questions related to this component.

This is the place to ask questions about the angular-tree-component npm package. You can also try the Slack Community and the Docs/

If you've encountered an issue please file an issue on Github and follow the issue instructions.

53 questions
0
votes
0 answers

Angular tree view Component Filter

I have a problem with my project in Angular. Let's say I have a tree component with the below sample nodes. nodes =[ { "id": "101", "name": "Tree1", "children": [ { "id": "55", …
0
votes
0 answers

How to create a embedded scrollbar only for the child nodes in angular mat tree

Im new to angular, im trying to find out how to create a embedded scrollbar only for the child elements but im unable to wrap the child elements with a div as it is a flat tree. Like this,If the child nodes are above a particular quantity i need to…
0
votes
0 answers

How to display all fields that have parent_id if there are no parent fields with that id in angular-tree-component?

I am using angular-tree-component and getting array of objects like: `const nodes = [ { id: 1, name: 'Node 1' }, { id: 2, name: 'Node 2', parent_id: 1 }, { id: 4, name: 'Node 4' }, { id: 5, name: 'Node 5' }, { id: 6,…
jesus
  • 1
  • 1
0
votes
1 answer

Angular Tree Component: get top level parent of current node

I want to find the top-level parent (on the tree) of the current node. I have the following code: expandParents(node: any) { const parent = node.data.x.parent; if (!!parent && this.getLevel(parent) > 0) { this.expandParents(parent); …
0
votes
0 answers

Unable to Display File contents on Angular Electron Application

I want to get the list of all directories with files in them and display their content on the front end using Angular in the Electron app. What I'm Doing Now: I am reading a Directory path using NodeJS and after reading it convert that path into a…
0
votes
1 answer

Circular dependency with angular 13

i've been trying to build the library with angular 13 and im getting an circular dependency error: The component 'TreeNodeChildrenComponent' is used in the template but importing it would create a cycle:…
DefKorns
  • 11
  • 1
  • 4
0
votes
1 answer

Angular Mobx multiple versions

In my angular project, I have multiple dependencies which require mobx. There is mobx-react which requires v. 6.1.0 as a peer dependency @circlon/angular-tree-component requires 4.14.1 This causes an error in the console: " [mobx] There are…
Robert
  • 1
0
votes
1 answer

How to find a node by id in the PrimeNg tree?

We are moving from Angular Tree Component to the PrimeNg Tree component. The tree selection is saved and restored when the application starts. We save the key field (folderId in our case). Angular Tree Component exposes this method for finding the…
Developer Thing
  • 2,704
  • 3
  • 21
  • 26
0
votes
0 answers

How to add vertical scroll bar in each tree node of a angular nested tree?

Angular Nested Tree How can I add vertical scroll bar in each tree node and child node?
0
votes
1 answer

How to open complete tree with children by default on landing?

I have implemented ngx-bootstrap-treeview Currently with [isOpened]="true" is opening First Level tree only but I have secondly level tree as well which is not opening until I click on it. I tried to find out solution in documentation + PRs but i…
Ambuj Khanna
  • 1,131
  • 3
  • 12
  • 32
0
votes
1 answer

node.name is not working in Component.ts in Angular

I need to get the root node name of a tree in angular, but node.name is getting "Node" as the value. Below is my .html code part:
pradeep
  • 11
  • 1
  • 10
0
votes
1 answer

Angular dependency injection and data initialization

I have a conceptual doubt that why do we use the constructor for injecting our services into the component and ngOnInit() life cycle hook to initialize all values. Of all the articles I've read, I understood that it's good practice to initialize…
0
votes
1 answer

AngularTreeComponent: treeModel.update() works async. How to wait for the finished update?

I neeed to replace some data on the tree, then run treemodel.update() and after that select a node. Tree is already rendered at that time. This is my code: @ViewChild('resulttree') resulttree: ElementRef; updateResulttree(id: number) { …
MARISTobi
  • 1
  • 2
0
votes
1 answer

Angular tree component virtual scrolling is not working

I have taken the files from folder of virtual scroll in my existing project to perform a POC on virtual…
localhost
  • 43
  • 7
0
votes
1 answer

Multiple selection in angular tree

I am trying to override shift+click to select the multiple nodes in the tree. I do the same way as in the tutorial import { ITreeOptions, TreeNode,TREE_ACTIONS,KEYS,IActionMapping} from 'angular-tree-component'; actionMapping: IActionMapping = { …
Aigerim Sadir
  • 353
  • 5
  • 18