KendoUI和Angular2自动完成：限制值

Question

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

但是，我希望它仅限于列表中的值。所以基本上，如果我输入“伦敦”并且它表示“伦敦，英国”和“伦敦，加拿大”，我应该被迫使用其中一种而不能离开“伦敦”甚至输入“伦敦，我自己的王国” ”

有没有办法限制价值？遗憾的是，我没有在API中找到任何选项。

Answer 1

Kendo AutoComplete旨在允许自定义值，并且更像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

另一个好处是列表将维护所选项目，而不像自动完成。