Как выбрать дерево для выпадающего списка в Angular 7

Question

Я создаю приложение, используя angular 7, и мне нужно иметь раскрывающийся список выбора дерева с несколькими уровнями ... Я пытался использовать пакет npm "ngx-tree-select", но он дает мне только один слой иерархия .. Это мой код:

    <tree-select name="simpleSelect" [items]="regionsTree" childrenField="areas"
                    [(ngModel)]="simpleSelected" required=true #simpleSelect="ngModel"
                    [filterPlaceholder]="FilterPlaceholder" [allowFilter]="ShowFilter"
                    [disabled]="Disabled" [allowParentSelection]="AllowParentSelection"
                    expandMode="all">
                   </tree-select>
                <div *ngIf="simpleSelect.errors && (simpleSelect.dirty || simpleSelect.touched)"
                    class="alert alert-danger">
                    <div [hidden]="!simpleSelect.errors.required">Simple select is required</div>
                </div> 
                <div style="padding: 20px;">
                   <nested-select options="vm.populations" placeholder="Search items"
                   label="Collapsible with Search" collapsible show-selection></nested-select>
                </div>

как видите, я могу добавить только один дочерний элемент в атрибуте childrenField но я должен иметь возможность иметь детей на нескольких уровнях. Вот модель объекта, которую я хочу отобразить в раскрывающемся списке, возможно ли это с помощью этого пакета?

Заранее спасибо,