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
1
vote
1 answer

Angular Tree Component init errors

I'm trying to implement a very basic usage of Angular Tree Component in my application. Angular version is 9, component version is 9.0.5. I uncluded TreeModule into my app module's imports. Inserted this in html:
Ulad Melekh
  • 924
  • 3
  • 17
  • 33
1
vote
1 answer

how to use recursive function to select the parent in a tree array using angulat ui tree?

So, I'm trying to create a hierarchical tree. Whena node is selected that has children, then all the children of the node is selected, but when I select all the children I also want to select the parent. here is a link to the…
jyoti
  • 443
  • 1
  • 5
  • 10
1
vote
1 answer

How can i uncheck the all parent nodes when i uncheck the child node checkbox in custom tree view

I have created a custom Tree View with a checkbox. Now I need to uncheck the corresponding parent level node when I uncheck the corresponding child node. eg: in my case, let's check all checkbox then if I uncheck the node named "fifth-b" then all…
1
vote
1 answer

How to allow multiple selection and multiple drag and drop on angular tree?

I am using angular-tree-component and I need to implement multiple selection with click+shift keys. Who can help, me please? This is what I have for now. monitoring.ts file: import { ITreeOptions, TreeNode} from 'angular-tree-component'; …
Aigerim Sadir
  • 353
  • 5
  • 18
1
vote
1 answer

Build fails at Angular Tree component with message "no exported member 'Cancelable'"

I use Angular Tree Component in my project and for the past couple of days, I get the following error while building the Angular application. The issue was resolved after quiet a struggle. I am posting my answer below for the…
TheMonkWhoSoldHisCode
  • 2,182
  • 3
  • 26
  • 40
1
vote
1 answer

Create tree view on demand

In my home project I try to show data in tree hierarchy. I send get call to API and I received this json: {"items":[{"id":"1","name":"Adam","coWorkerId": 22 },{"id":"2","name":"Cris","age":32, "coWorkerId": 33}]} And I would like to to display…
derirative23
  • 486
  • 2
  • 7
  • 22
1
vote
1 answer

Use of 'treeNodeFullTemplate' of angular-tree-component not clear

I'm trying to use the #treeNodeFullTemplate in my app in order to fully customize the component, but I don't seem to be able to view my datas after copying the new template described in here. My datas don't have the name property, so I want to…
1
vote
0 answers

How Two root nodes can share common child nodes?

We are currently exploring the angular tree view component. and we need to achieve the below scenario. On the drag and drop, Layer 4 and Layer 1 are going to share common children, we can merge the children, but in UI perspective, we need to change…
Cegone
  • 489
  • 1
  • 9
  • 23
1
vote
1 answer

How do I programmatically add children to the children of the parent Node using Angular Tree component

I am having a problem using angular tree component. I believe that this problem is simple but I can quite wrap my head around it. I can't seem to be able to add child nodes to the children of the parent node. That is the grandchildren of the root…
Zinara Ozojie
  • 331
  • 4
  • 9
1
vote
1 answer

Angular mat tree with drag and drop

I am using angular material flat tree for drag and drop. I implemented drag and drop using an example from stackblitz link. I'm getting an error when i drag and drop parent node to child node. This is the error Cannot read property 'findIndex' of…
1
vote
0 answers

Uncaught (in promise): TypeError: Cannot add property uuid, object is not extensible

I am using "angular-tree-component": "^8.0.3" to construct tree for the mine Angular7 Single Page Application(SPA). I am following the documentation and creating tree but getting the following exception onces providing input to nodes in…
cj devin
  • 1,045
  • 3
  • 13
  • 48
1
vote
2 answers

Using a *ngFor inside a custom ng-template #treeNodeTemplate causes the tree to refresh infinitely, making the browser crash

Adding *ngFor to ng-template #treeNodeTemplate causes the tree to refresh infinitely. Related to angular-tree-component with Angular 7.
Anil
  • 57
  • 9
0
votes
1 answer

how can I wait for the treenode to be fully expended

envirement:("@angular/core": "~7.1.0","angular-tree-component": "^8.0.1") The problem is that i'm filtering through the node children but for some nodes the number of children is too big and that creat an error because io couldn´t find a way to wait…
eso
  • 1
0
votes
1 answer

'TreeModule' does not appear to be an NgModule class

I just literally follow the step by step here in this documentation but for some reason im having this error when i try to import angular-tree-component in app.module.ts eror i just follow the documentation written here…
0
votes
0 answers

How to close MatInput in FlatTreeControl?

There is an example of FlatTreeControl with possibility to dynamically add new node https://v15.material.angular.io/components/tree/examples#tree-checklist I want to add Cancel button for input field but without any success. I've…