Question

这是一位了解我所看到的问题的人：

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

我想要一个预先输入，用户只能从提供的选项中进行选择。我有以下HTML：

<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.min.js"></script>
<link rel = "stylesheet" href = "http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">

<input type = "text" ng-model = "receiver.value" class = "give-recipient" 
 typeahead = "user for user in users" typeahead-editable = "false">

它会显示一个预先输入，但它会对我输入的内容进行不过滤。 IOW，我希望如果我键入＆＃34; g＆＃34;，只有用户使用＆＃34; g＆＃34;在他们的名字中应该显示，但所有用户都会显示，并用粗体匹配的字母。

我需要使用哪些设置？谢谢，格雷格

Answer 1

您需要更改

typeahead="user for user in users"

到

typeahead="user for user in users | filter:$viewValue "

UI Bootstrap文档说明$ viewValue是

变量，对应于输入
中输入的值

可以看到工作的傻瓜here

角度自举式直升机过滤器

1 个答案: