дерево матов - * ngДля привязки каждого элемента массива к ngModel с помощью индекса

Question

Я получил массив объектов, myObject [].

Я получил кнопку «Добавить myObject», которая позволит пользователю динамически добавлять myObject.

myObject имеет:

1) строка: имя 2) Массив: mattree

Я успешно добавил имя myObject, как показано ниже

 <mat-form-field >
  <mat-label>Select name</mat-label>
   <mat-select [(ngModel)]="field.name" name="name[{{i}}] ">
             <mat-option *ngFor=" let name of names" [value]="name">
                            {{name}}
             </mat-option>
   </mat-select>
 </mat-form-field>

, но у меня нет никакой идеи создать массив для дерева матов. Текущий код:

<mat-tree[dataSource]="dataSource" [treeControl]="treeControl">
                            <mat-tree-node *matTreeNodeDef="let node" matTreeNodeToggle matTreeNodePadding>
                                <button mat-icon-button disabled></button>
                                <mat-checkbox class="checklist-leaf-node " [checked]="checklistSelection.isSelected(node) " (change)="todoLeafItemSelectionToggle(node,i) ">{{node.item}}
                                </mat-checkbox>
                            </mat-tree-node>

                            <mat-tree-node *matTreeNodeDef="let node; when: hasChild " matTreeNodePadding>
                                <button mat-icon-button matTreeNodeToggle [attr.aria-label]=" 'toggle ' + node.filename ">
                                    <mat-icon class="mat-icon-rtl-mirror ">
                                        {{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
                                    </mat-icon>
                                </button>
                                <mat-checkbox [checked]="descendantsAllSelected(node) " [indeterminate]="descendantsPartiallySelected(node) " (change)="todoItemSelectionToggle(node,i) ">{{node.item}}</mat-checkbox>

                            </mat-tree-node>

                        </mat-tree>