Angular - Настройте заголовок ngx-bootstrap для автозаполнения на основе нескольких значений, разделенных запятой

Question

У меня есть поле ввода автозаполнения typeahead. Мое требование - показать список, если он соответствует списку строк, введенных запятой.

Например:

Если мой список:

[{
        deviceId: '1111111',
        name: 'Crafty'
    },
    {
        deviceId: '000000',
        name: 'TeleCom'
    },
    {
        deviceId: '1110009999',
        name: 'TeleCom'
    }
    {
        deviceId: '999999',
        name: 'Mobile'
    }
 ]

Если я введу «111, 999» в поле поиска, список автозаполнения должен показать 3 элемента (те, которые содержат 111, 999 и оба).

В настоящее время я пытался использовать [typeaheadSingleWords] = true и typeaheadWordDelimiters = ",". Но это вернет только «1110009999».

Моя текущая типографская ячейка:

 <input type="text" class="form-control" 
   [(ngModel)]="autoCompleteModel" 
   [typeahead]="autoCompleteList" 
   [typeaheadItemTemplate]="filterConfig.itemTemplate"
   typeaheadOptionField="label" 
   [typeaheadWaitMs]="200" 
   [typeaheadScrollable]="true" 
   [typeaheadOptionsInScrollableView]="5" 
   [typeaheadSingleWords]=true 
   typeaheadWordDelimiters=","                         
   (typeaheadOnSelect)="onSelectAutoComplete($event)" 
   placeholder="{{filterConfig?.autoComplete?.placeholder || 'Search'}}" 
   *ngIf="showSelect" autofocus>

Есть ли способ добиться этого, используя плагин ngx-bootstrap> typeahead? Кто-нибудь, пожалуйста, предложите, если есть другие плагины, поддерживающие эту функцию? Любая помощь будет оценена.