fix: update tree

Author: Angular2Guy

frontend/src/angular/src/app/function-search/function-search.component.html

@@ -66,9 +66,8 @@
   @if (!!responseJson.at(0)?.value1) {
     <p class="result-text">
       <!-- {{responseJson | json}}  -->
-      <mat-tree
-        [dataSource]="dataSource"
-        [treeControl]="treeControl"
+      <mat-tree #tree
+        [dataSource]="dataSource"      
         class="example-tree"
         >
         <mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle>
@@ -88,13 +87,13 @@
               matTreeNodeToggle
               >
               <mat-icon class="mat-icon-rtl-mirror">
-                {{ treeControl.isExpanded(node) ? "expand_more" : "chevron_right" }}
+                {{ tree.isExpanded(node) ? "expand_more" : "chevron_right" }}
               </mat-icon>
             </button>
             <span class="book-author" i18n="@@functionSearchAuthor">Author</span><span class="book-author">: {{ node.value1 }}</span>
           </div>
           <div
-            [class.example-tree-invisible]="!treeControl.isExpanded(node)"
+            [class.example-tree-invisible]="!tree.isExpanded(node)"
             role="group"
             >
             <ng-container matTreeNodeOutlet></ng-container>

frontend/src/angular/src/app/function-search/function-search.component.ts

@@ -26,11 +26,10 @@ import {
 	Validators,
 } from '@angular/forms';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { Book, FunctionResponse, FunctionSearch, JsonBook, JsonResult } from '../model/functions';
+import { FunctionSearch, JsonBook, JsonResult } from '../model/functions';
 import { FunctionSearchService } from '../service/function-search.service';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Subscription, interval, map, tap } from 'rxjs';
-import { NestedTreeControl } from '@angular/cdk/tree';
 import { MatIconModule } from '@angular/material/icon';
 import { MatRadioModule } from '@angular/material/radio';
 
@@ -66,10 +65,7 @@ export class FunctionSearchComponent {
 		Validators.minLength(3),
 	]);
 	protected searching = false;
-	protected msWorking = 0;
-	protected treeControl = new NestedTreeControl<TreeNode>(
-		(node) => node.children
-	);
+	protected msWorking = 0;	
 	protected dataSource = new MatTreeNestedDataSource<TreeNode>();
 	protected responseText = '';
 	protected responseJson = [{ value1: "", value2: "" } as TreeNode];