AngularJS Bootstrap : Limit typeahead results

Question

我有一个简单的文本字段，它使用预先输入和来自数组的结果。我想将用户输入限制为只能在数组中键入/选择结果。

如果我的数组看起来像这样:

['alison','bentley','christopher'];

用户可以输入 'ali' , 或 'topher' ，但最后，预输入应该选择当前突出显示的任何内容(如果输入模糊)，或者用户选择。

但是，用户应该不能键入 'z' ，因为它不匹配数组中的任何内容。它根本不应该让他们打字。

这是否已经存在，还是我需要创建自定义指令？我搜索了其他类似的问题，但它们并不完全相同。

我尝试使用 typeahead-editable ，因为我认为这是我需要的，但它阻止了预输入完全工作。在 bootstrap 网站上，它描述为 "Should it restrict model values to the ones selected from the popup only?"我做错了什么吗？

Here is a plunker:

如果您删除 typeahead-editable ，基本的预输入应该可以工作。

Answer 1

默认情况下，Typeahead 不会过滤数组，您需要使用 filter:$viewValue 声明它，例如

<input 
  ng-model="name"
  typeahead="address for address in locations | filter:$viewValue | limitTo:5" />

这是 demo