如何在角度 6 中获取 ngSelect 下拉列表的选定文本和选定值

Question

当表单发布时，我想在角度 6 中获取 ngSelect 下拉列表中的选定项目名称和值。

我尝试使用 ngModel 和 templateVariable 获取它，但未返回选定名称，我只设法获取选定值。

<ng-select
 name="testFunctionID"
 [items]="testFunctions"
 [multiple]="false"
 bindLabel="name"
 bindValue="testFunctionID"
 [(ngModel)]="model.testFunctionID">
</ng-select>

对于下拉列表 {Mumbai :1}, {Pune: 2}, {Delhi: 3}，如果我选择 Pune，那么我应该得到“Pune”以及“2”作为输出 json。

Answer 1

我以前没有使用过那个包，但是我很好奇你的问题，我想我有一个答案。

如果您在此处查看 https://github.com/ng-select/ng-select，它会在 API 输入部分表明

bindValue - Object property to use for selected model. By default binds to whole object.

所以我猜如果你省略 bindValue 属性，你将拥有整个对象，而不仅仅是 Id。

还注意到有一个可以挂钩的事件

(change) - Fired on model change. Outputs whole model

---

问题作者指出无法使以下工作

---

所以你可以做这样的事情。

<ng-select
 name="testFunctionID"
 [items]="testFunctions"
 [multiple]="false"
 bindLabel="name"
 bindValue="testFunctionID"
 [(ngModel)]="model.testFunctionID"
 (change)="model.testFunctionName = $event.name">
</ng-select>

假设您要在模型和 ID 上设置名称属性。