Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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 – 使用对象名称的Typeahead全部内容,希望文章能够帮你解决angularjs – 使用对象名称的Typeahead所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。