PrimeNG Tree expanded

Question

I am trying to set selected items in PrimeNG Tree.

HTML

<p-tree  id="selectedProducts" *ngIf="selectedCustomer != null"
[value]="tree" selectionMode="checkbox"
[(selection)]="selectedProducts"
(click)="fileterProducts()"></p-tree>

TS

selectedProducts: TreeNode[] = [];
filteredProducts: number[] = [];
tree: TreeNode[] = [];

selectCustomer(customerId: number){
this.selectedCustomer = this.selectedCustomers.find(r => r.Name == this.userForm.value.Customers[0]);
console.log("Customer Products ");
console.log(this.selectedCustomer.selectedProducts);


this.selectedProducts = this.selectedCustomer.selectedProducts;

for ( let product of this.selectedProducts ) {
  product.expanded = true;
  this.expandChildren(product);
  console.log('Product : ');
  console.log(product);
}

and I made all the nodes expanded, but it doesn't appear selected.

Answer 1

Do you want to have all nodes expanded and selected, including all children to any depth?

Then you need to call expandChildren recursively and add children to [(selection)] too, because it is working only with references.