ngx-select принимает введенное значение

Question

<ngx-select #drop [items]="dropdownReci" [(ngModel)]="values">
        <ng-template ngx-select-option-not-found>
          There is no result, <button (click)="add(drop.value)"><b>add it</b></button>.
        </ng-template>
</ngx-select>

Я пытаюсь принять значение, когда поиск ngx-select ничего не находит, поэтому я могу добавить его. У меня есть массив значений, который работает, если я выбираю искомые строки. Как я могу получить значение, набранное в данный момент?

Answer 1

в ngx-select я добавил:

(keyup)="onKeyUp($event)"

и в component.ts я добавил:

val: string = "";
onKeyUp(event): void {
    event.stopPropagation();

    const key = event.key;
    const value = event.target.value;
    this.val= value;
  }

А теперь при событии «keyup» я получаю букву за буквой и помещаю ее в val, поэтому, если у меня нет результатов при нажатии, я добавлю этот val в строку [].