angularjs – 使用对象名称的Typeahead

前端之家收集整理的这篇文章主要介绍了angularjs – 使用对象名称的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"
                }
               ]

目前,我已经能够使用所选择的名称来更新模型,但是我的目标是通过类型头传递整个对象.有没有干净的方式来做这个只使用输入?

当然的事:-)

来自http://angular-ui.github.io/bootstrap/的typahead指令使用与AngularJS select directive相同的超灵活语法,用于ng选项.所以你可以写:

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

这是一个工作的朋友:http://plnkr.co/edit/5kGZkNPZ7rIFfb4Rvxej?p=preview

猜你在找的Angularjs相关文章