时间戳

首页 > 解决方案 > ngx-select 获取输入的值

angular - ngx-select 获取输入的值

问题描述

<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 搜索没有找到任何东西时，我试图获取价值，所以我可以添加它。如果我选择搜索的字符串，我有“值”数组。我怎样才能得到当时输入的价值？

标签： angularangular6

解决方案

在 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 中，所以如果我在点击 add 时没有结果，我会将该 val 添加到字符串 [] 中。

推荐阅读