Ngx引导程序类型超前值文本分隔符？

Question

我正在使用ngx引导程序来实现类型提前下拉列表。

Ngxbootstrap

我已经从文档中创建了一个示例，但是我无法提供价值并显示不同的文本。

我有类似列表

 { id: 1, name: 'Alabama', value:"1", region: 'South' },
    { id: 2, name: 'Alaska abc', value:"2", region: 'West' },
    { id: 3, name: 'Arizona cdf', value:"3", region: 'West' },
    { id: 4, name: 'Arkansas efg', value:"4", region: 'South' },
    { id: 5, name: 'Alaska2 hij', value:"5", region: 'West' }

当用户在ui中选择时，应显示名称，但在ng模型中，我需要像1，2，3这样的值

但是使用这个ngx引导程序我无法将这两个分开。

我什至尝试使用ngx-template，但是在ui的最后，它将显示值而不是文本

my example in stackblits

Answer 1

使用ngx Bootstraps onSelect方法获取选定值的对象。例如：https://stackblitz.com/run