1.在 AngularJS 中我们可以使用 ng-option 指令来创建一个下拉列表，列表项通过对象和数组循环输出

运行结果:　　

用ng-option加载列表：

    
                   
     
      
                  
      
你选择的内容如下:
      
      
名字:{
    {selectedSite.site}}
      
      
网址为:{
    {selectedSite.url}}
  
     

运行结果：

用ng-repeat加载列表数据也可以但是有局限性，选择的是一个字符串：

    
                   
     
      
                {
    {x.site}}            
      
你选择的内容是:{
    {selectedSite}}
  
     

　　运行结果：

ng-options使用对象有很大的不同，使用对象作为数据源, x 为键(key), y 为值(value),select控件ng-options表示控件的值是什么，然后ng-model绑定了数据对应的数据源：

    
                   
     
      
                  你选择的是:{
    {selectedSite}}  
     

　　运行结果 你选择的值为在 key-value 对中的 value。

 

此外value 在 key-value 对中也可以是个对象：选择的值在 key-value 对的 value 中, 这是它是一个对象:

    
                   
     
      
                  你选择的是:{
    {selectedCar}}  
     

　　运行结果：