50 questions
2
votes
2
answers
3k
views
NestedTreeControl is deprecated, what should I use in Angular v19 now?
I am upgrading an Angular app to version 19. After the upgrade, I found out that NestedTreeControl is deprecated. Even though it is still available, my IDE shows that
@deprecated Use one of ...
0
votes
0
answers
65
views
angular cdk dnd with angular tree component package
I am trying to use angular cdk dnd with angular tree component package.
currently i am using ng2-dnd.
ng2-dnd code
<div class="tree">
<tree-root
#tree
id="tree2&...
0
votes
1
answer
131
views
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 ...
2
votes
2
answers
2k
views
'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 ...
0
votes
1
answer
191
views
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....
1
vote
0
answers
658
views
Selecting parent node does not select child node with hasChildren true in angular-tree-component
I am using angular-tree-component v7.2.0 with angular 5.
HTML
<tree-root #treeRoot [nodes]="nodesOfSites" [options]="options"></tree-root>
TS
nodesOfSites = [];
...
1
vote
0
answers
593
views
Tree node isn't being render in tree component
I have a tree component in which the tree root isn't being rendered.
I am working in angular 12, and when I implemented the tree component I did everything as stated in the documentation. But nothing ...
0
votes
1
answer
1k
views
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 ...
1
vote
0
answers
893
views
@circlon/angular-tree-component: How to customize checkbox template
I want to use custom templates for the tree nodes as shown here on their website
https://angular2-tree.readme.io/docs/templates
But I also need the checkbox tri-state functionality as demonstrated ...
2
votes
1
answer
130
views
Rotate symbol inside CSS content property without changing its position
I want to rotate symbol by its center without move
I tried to apply display: inline-block and transform origin: center center not helped, classes
.toggle-children-wrapper-collapsed and .toggle-...
1
vote
0
answers
853
views
Angular: Exporting JSON data to Excel using npm-xlsx
I've been trying to export a data from Tree Family structure which contains JSON data and a lot of arrays.
The export functionality works just fine but it is not exporting the whole thing.
This is ...
1
vote
1
answer
306
views
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 ...
0
votes
1
answer
663
views
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 ...
1
vote
1
answer
575
views
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 ...
1
vote
1
answer
2k
views
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 ...
0
votes
0
answers
505
views
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
375
views
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 ...
2
votes
0
answers
1k
views
@circlon/angular-tree-component: cannot fire (select) event on parent without any leaf loaded in Angular10 using checkboxes
Scenario
Hi, I am using @circlon/angular-tree-component in Angular (I tried both version 10 and version 11) and I load in an async way the children of each node by expanding it (basically I initially ...
0
votes
1
answer
225
views
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:
<mat-tree [dataSource]="dataSource" [...
0
votes
1
answer
2k
views
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 ...
0
votes
1
answer
1k
views
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: ...
1
vote
1
answer
2k
views
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 ...
2
votes
0
answers
336
views
Angular6 Tree Component Filtering does not work
https://angular2-tree.readme.io/docs
The tree was constructed through the angular tree-node.
Custom template in use. You can use filtering when it is not a custom template,
but it is not filtered when ...
0
votes
1
answer
745
views
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 scrolling.
https://github.com/CirclonGroup/angular-tree-component/blob/master/projects/example-...
1
vote
1
answer
807
views
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, ...
0
votes
1
answer
1k
views
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-...
0
votes
1
answer
650
views
How to create data for Flat Array for Angular Tree using Javascript/Typescript
I have the following JSON data ->
{
"data": [
{
"documentId": "new_148_45646",
"data": "new_data6"
},
{
"...
2
votes
1
answer
4k
views
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 ...
3
votes
1
answer
896
views
angular-tree-component:Generic type 'ModuleWithProviders<T>' requires 1 type argument(s)
i am using angular v10 and "angular-tree-component": "^8.5.6".but getting build error:
ERROR in node_modules/angular-tree-component/dist/angular-tree-component.d.ts:25:23 - error ...
0
votes
1
answer
2k
views
disable checkbox in angular tree component
I am unable to find any way to disable checkbox node using angular tree component.
There is no option to mark the tree disabled so that the checkboxes that appear alongwith th etree data should be ...
1
vote
1
answer
3k
views
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","...
1
vote
1
answer
465
views
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 ...
1
vote
0
answers
127
views
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 ...
0
votes
1
answer
2k
views
How to implement this angular-tree-component async data code?
I am having trouble implementing this https://angular2-tree.readme.io/docs/async-data-1 . How do I rewrite the following code from OnInit to be async like in the documentation?:
this.client.get(...
0
votes
2
answers
2k
views
How to store HttpClient GET fetched data into a variable?
My Backend over at localhost:3000/gettreeview returns a JSON object and it needs to be stored in the variable nodes. I tried to accomplish it with the code below but have failed:
import { Component, ...
0
votes
1
answer
2k
views
angular tree component expand after loading data
I want to expand the first node on startup. I saw here the way to go.
The difference is that I don't have the nodes in my code but get it from my databse. This is my Code:
this.appService....
0
votes
1
answer
742
views
AngularJS UI-Grid Tree View: How can child rows have different column names than parent rows?
I am trying to have different columns and column names for child rows than the parents rows in TreeView in UI-Grid
There is already a question asked, but the link provided in the comment section has ...
2
votes
1
answer
4k
views
Angular Material Tree with checkboxes - get checked and indeterminated value
I've got almost 1 to 1 tree from this example: https://stackblitz.com/angular/nnxeaxmrdob?file=src%2Fapp%2Ftree-checklist-example.ts
What i need is to get all the selected values and those which are ...
0
votes
1
answer
238
views
Customizing data structure as table
I have a question about tree component. Is it possible to make my tree component like a table ?
Here is what i exactly want:
Here is some snippet from example of documentation:
nodes = [
{
...
1
vote
1
answer
5k
views
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 ...
0
votes
1
answer
587
views
Angular-tree-component ASync Child not loaded?
I am using npm install --save angular-tree-component child nodes are not loaded when i click parent it shows "loading..." message here is my code
options: ITreeOptions = {
getChildren: this....
6
votes
1
answer
6k
views
Angular Material Flat Tree Parent Children Graphical Representaion
I want to show Parent Children graphical representation on Angular Material Flat Tree.
This is the design :
Here is the DEMO what i done so far.
4
votes
1
answer
2k
views
Missing tree data with virtual scroll with flex height for angular-tree-component
I am trying to use flex height for the tree with virtual scroll. However, when I set the tree container to 100% and set the flex height, the chunk of data is missing from the screen during the scroll.
...
1
vote
1
answer
3k
views
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.
...
1
vote
0
answers
346
views
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 ...
13
votes
6
answers
18k
views
Cannot combine @Input decorators with query decorators using Ivy
I have migrated my angular 7 app to 8.0.0 and i'am now trying the new compiler ivy.
The app works perfectly without ivy but when i try to compile with it i have the following error :
Cannot ...
1
vote
2
answers
2k
views
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.
<tree-root [nodes]="data" #tree [options]="...
5
votes
2
answers
5k
views
Adding routing for page navigation in angular tree
I need help in adding route to angular tree.
HTML Code:
<mat-tree [dataSource]="dataSource" class="tree-container" [treeControl]="treeControl">
<mat-tree-node class="btnLinks" *...
2
votes
1
answer
6k
views
Angular-tree-component not displaying any nodes
I am very new to Angular and web development in general.
All I want is for the TreeView to show the nodes "Root1" and "Root2".
At the moment, all I get is the label "My Tree View". I am trying to ...
4
votes
3
answers
5k
views
Angular Tree component not working
I installed and imported angular tree component and tried setting it up using the basic example provided following the steps in https://angular2-tree.readme.io/
But unfortunately I only see the root ...