我正在尝试使用
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