AngularJS service之select下拉菜单效果

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

 
  
  
 
 
  使用ng-options
  

  


  使用ng-repeat
  
   {{x}}
  



   区别

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

   为什么这么说？



  
使用ng-repeat操作数组

  
   {{x.site}}

  

  
你选择的是: {{selectedSite}}



  
使用ng-options操作数组

  

  

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

  
网址为: {{selectedSite2.url}}


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





  
使用ng-options来操作对象
  
  

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





  
选择一辆车:


  
  


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

  
模型: {{selectedCar.model}}

  
颜色: {{selectedCar.color}}


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

 
 

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