使用对象名称预先输入

Question

我正在尝试设置typeahead使用AngularJS和UI Bootstrap,如下所示:

html的

<input type="text" ng-model="selectedStuff" typeahead="stuff.name for stuff in stuffs | filter:$viewValue"/>

<span>{{selectedStuff.name}}</span>
<span>{{selectedStuff.desc}}</span>

.js文件

$scope.stuffs= [
                {
                 "name":"thing1",
                 "desc":"this is the first thing"
                },
                {
                 "name":"thing2",
                 "desc":"this is the second thing"
                }
               ]

目前,我已经能够使用所选名称更新模型,但我的目标是通过传递整个对象typeahead.有没有一种干净的方法只使用输入？

Answer 1

当然可以:-)

从预输入指令http://angular-ui.github.io/bootstrap/使用相同的超灵活的语法为AngularJS 选择指令进行ng-options.所以你可以写:

typeahead="stuff as stuff.name for stuff in stuffs | filter:$viewValue"

这是一个有效的插件:http://plnkr.co/edit/5kGZkNPZ7rIFfb4Rvxej？p = preview