AngularJS service之select下拉菜单效果

AngularJS service之select下拉菜单效果

这篇文章主要为大家详细介绍了AngularJS service之select下拉菜单效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了service之select下拉菜单效果的具体代码,供大家参考,具体内容如下

    使用ng-options 
使用ng-repeat

区别
ng-options更适合来做下拉菜单
为什么这么说?


使用ng-repeat操作数组


你选择的是: {{selectedSite}}


使用ng-options操作数组


你选择的是: {{selectedSite2.site}}


网址为: {{selectedSite2.url}}



看得出,ng-options操作的是对象 而ng-repeat操作的是字符串 当选择值是一个对象时,我们就可以获取更多信息,应用也更灵活。



使用ng-options来操作对象

你选择的值是: {{selectedSite3}}





选择一辆车:



你选择的是: {{selectedCar.brand}}


模型: {{selectedCar.model}}


颜色: {{selectedCar.color}}


注意选中的值是一个对象。

以上就是AngularJS service之select下拉菜单效果的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读