Kendo UI 和 Angular 2 自动完成：限制值

Question

我在输入时通过实时搜索实现了 KendoUI 自动完成功能。这工作得很好并且符合预期。

但是，我希望它仅限于列表中的值。所以基本上，如果我输入 "London" 并且它建议 "London, UK" 和 "London, Canada" 我应该被迫使用其中之一并且不能离开 "London" 甚至输入 "London, My own Kingdom".

有没有办法限制这个值？不幸的是，我没有在 API 中找到任何选项。

Answer 1

Kendo 自动完成旨在允许自定义值并且表现得更像 Google 搜索输入。

如果您想控制输入值，那么最好使用 ComboBox 组件并隐藏 toggle 按钮：

styles: [`
.k-combobox .k-select {
  display: none
}

.k-combobox .k-input {
  padding-right: 0;
}

.k-combobox .k-dropdown-wrap .k-i-close {
  right: 4px;
}
`],

这是一个可运行的插件：

http://plnkr.co/edit/iJlwcPFj8Oj5AVyF2RbX?p=preview

另一个好处是与自动完成不同，列表将保留所选项目。

Kendo UI 和 Angular 2 自动完成：限制值

KendoUI and Angular2 autocomplete: restrict values

autocomplete

kendo-ui-angular2

angular