如果找不到項目，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。網頁格式