微客导航 » 文章资讯 » AngularJS service之select下拉菜单效果

AngularJS service之select下拉菜单效果

2023-09-27 10:25:16 165

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









使用ng-options





使用ng-repeat




区别

ng-options更适合来做下拉菜单

为什么这么说？



使用ng-repeat操作数组

你选择的是:{{selectedSite}}

使用ng-options操作数组

网址为:{{selectedSite2.url}}

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

使用ng-options来操作对象

选择一辆车:

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。