1

ユーザーが複数のメンバーを選択できるように、https://ng.ant.design/components/select/en#api here に説明されている nz-select があります。私が望むのは、ユーザー名をタグラベルとして表示することですが、ID をモデルにバインドすることです。

<nz-select formControlName="member" nzMode="tags" (nzOnSearch)="searchUsers($event)">
    <nz-option *ngFor="let member of searchUsersList" [nzLabel]="member.name" [nzValue]="member._id">
    </nz-option>
</nz-select>

ユーザーがドロップダウンからメンバーを追加すると、タグにはユーザー名が表示されますが、モデルでは ID が追加されます。このページ/フィールドをリロードすると、モデルに追加できるのは、ラベルとしても表示されている文字列のみのようです。文字列と ID を含む複雑なオブジェクトを追加できません。また、タグを挿入する方法もわかりません。

私が望むものを達成する方法についてのヒントはありますか? バックエンド/データベース内でユーザー名を使用するという考えは本当に好きではありませんが、タグ内に ID を表示したくありません。

4

2 に答える 2