Angular Двойной список

Question

Я пытаюсь создать элемент управления с двойным списком в angular, где я могу сгруппировать выбранные поля с правой стороны (иерархия Parent-Child). Я использовал компонент «ng2-dual-list-box» angular, чтобы получить окно с двойным списком, которое работает нормально. Тем не менее, у меня нет никаких функций или полей для добавления группировки или "" в поле двойного списка. Есть предложения по этому поводу? или любой другой компонент, который я могу использовать?

<div class="row">
        <div class="col-md-8 col-md-offset-2">
            <ng2-dual-list-box [data]="allColumns" valueField="id" textField="name" 
                               availableText="Available Fields"
                               selectedText="GroupBy"
                               [(ngModel)]="selected"
                               (onAvailableItemSelected)="log($event)"
                               (onSelectedItemsSelected)="log($event)"
                               (onItemsMoved)="log($event)"></ng2-dual-list-box>
        </div>
</div>