如果找不到项目，Angular ng-select autocomplete 如何提供“创建新项目”的选项？

Question

在 ng-select (Angular) 中，如果基于用户搜索的数据列表中没有匹配项，是否有办法提供“新建”？

当找不到匹配项时，我喜欢创建新项目，例如下面的参考图片。

根据 ng select config，我们可以选择只为未找到的文本 (notFoundText) 设置文本。 我没有提供任何 HTML 模板选项。

有什么建议么？

NG-选择 Stackblitz - https://stackblitz.com/edit/ng-select-not-fount-text-not-working-5gcdlq?file=src%2Fbindings-default-example.component.ts,src%2Fbindings-default -example.component.html

Answer 1

我们可以传递如下模板。

<ng-select 
[items]="defaultBindingsList" 
[(ngModel)]="selectedCity"

>
<ng-template ng-notfound-tmp let-searchTerm="searchTerm">
<div class="ng-option disabled">
    No data found for "{{searchTerm}}". Do you want to create new?
    <button>Create New</button>
</div>
</ng-template>
</ng-select>

Answer 2

你想要这样的东西吗？ https://stackblitz.com/edit/ng-select-not-fount-text-not-working-jesqxx?file=src%2Fbindings-default-example.component.ts,src%2Fbindings-default-example.component。网页格式