这篇文章主要为大家详细介绍了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其它相关文章!