AngularJS Select(选项框)
　　　　AngularJS 可是使用数组或对象创建一个下拉列表选项。
使用ng-options创建选项框
　　　　在AngularJS 中我们可以使用ng-option指令来创建一个下拉列表，列表通过对象和数组循环输出
　　　　　　实例：
　　　　　　　　

ng-options 与 ng-repeat
　　　　我们也可以使用ng-repeat指令来创建下拉列表
　　　　
　　　　ng-repeat指令是通过数组来循环HTML 代码来创建下拉列表，但ng-options指令更适合创建下拉列表,它有一下优势
　　　　使用ng-options的选项的一个对象,ng-repeat是一个字符串。

应该用那个更好？
　　　　假设我们使用以下对象：
　　　　　　$scope.sites = [{site : "Google",url:"http://www.google.com"},
　　　　　　$scope.sites = [{site : "Runoob",url:"http://www.runoob.com"},
　　　　　　$scope.sites = [{site : "Taobao",url:"http://www.runoob.com"}]
　　　　　　ng-repeat有局限性，选择的值是一个字符串：
　　　　　　　　实例:
　　　　　　　　　　
　　　　　　　　　　

你选择的是：{{selectedSite}}

　　　　　　　　实例:
　　　　　使用ng-options:
　　　　　　　　　　　　　　　　　　
　　　　　　　　　　

你选择的值是：{{selectedSite}}

　　　　　　　　你选择的值在key-value对中的value
　　　　　　　　　　value 在key-value 对中也可以是个对象；
　　　　　　　　　　实例
　　　　　　　　选择的值在key-value 对的value 中，这是它是一个对象。
　　　　　　　　　　$scope.cars = {
　　　　　　　　　　　　　　car01 : {brand : "Ford",model :"Mustang",color ："red"},
　　　　　　　　　　　　　　car02 : {brand : "Fiat",model :"500",color ："white"},
　　　　　　　　　　　　　　car03 : {brand : "Fiat",model :"XC90",color ："black"},
　　　　　　　　　　　　}
　　　　　　在下拉菜单也可以不使用 key-value 对中的 key,直接使用对象的属性：
　　　　　　　　

Angularjs基础(五)

你选择的是：{{selectedSite}}

你选择的值是：{{selectedSite}}