Как добавить или удалить данные в редакторе Quill с помощью вложенного массива?

Question

Как добавить или удалить данные в редакторе Quill (Angular 10) через вложенный массив элементов управления.

Массив

nestedArray = [{
    id:'abc',
    required:true,
    children:[{
        id:"bcd",
        parentId:"abc",
        required:true,
        children:[{
            id:"cde",
            parentId:"bcd",
            required:false,
            children:[{
                id:"def",
                parentId:"cde",
                required:true,
                children:[{
                    id:"efg",
                    parentId:"def",
                    required:false,                        
                }]
            },
            {
                id: "xyz",
                parentId: "cde",
                required: true,
            }]
        }]
    }]
}]

Угловое управление

 <mat-form-field appearance="outline" class="w-100-p">
      <input matInput [type]="'text'" [(ngModel)]="field.responseValidation" (ngModelChange)="changeDetection(field)"
         [placeholder]="field.fieldOptions.placeholder" [required]="field.required">
      <mat-icon matSuffix>text_fields</mat-icon>
   </mat-form-field>

Гусиный редактор

<quill-editor [(ngModel)]="nestedArray"></quill-editor>

Предложите способ добавления или удаления данных в редакторе Quill при выборе элементов управления вводом Angular.

Благодарность

посмотрите пожалуйста на изображение, что мы смотрим