angular2-multiselect-dropdown onAddFilterNewItem не работает

Question

Привет, я новичок в angular 6 и использую angular2-multiselect-dropdown, но дело в том, что onAddFilterNewItem не работает.

ссылка для мультиселектора- https://cuppalabs.github.io/angular2-multiselect-dropdown/#/searchfilterAddNewItem

Я попытался добавить настройки и HTML-тег, который они предоставили

HTML

<angular2-multiselect style="width: 100%" class="border-bot-none" 
name="businessImpact"
[data]="businessImpactList" [(ngModel)]="selectedbusinessImpactItems" 
[settings]="businessImpactdropdownSettings"
(onSelect)="onItemSelect($event)" (onDeSelect)="OnItemDeSelect($event)" 
(onSelectAll)="onSelectAll($event)"
(onDeSelectAll)="onDeSelectAll($event)" 
(onAddFilterNewItem)="onAddItem($event)" required>
</angular2-multiselect>

.ts (настройка выпадающего списка)

this.businessImpactdropdownSettings = {
singleSelection: true,
text: 'Select Business Impact',
classes: 'custom-class-example',
primaryKey: 'impactStatement',
labelKey: 'impactStatement',
enableSearchFilter: true,
addNewItemOnFilter: true,
searchBy: ['impactStatement']
};

onAddItem(data: string) {
console.log(data);
}