AngularJS Select

AngularJS可以使用数组或者对象来 创建一个下拉列表选项

在AngularJS中可以使用ng-option指令来创建一个下拉列表，列表通过对象或者数组循环输出，如下例子：

<div ng-app="demo" ng-controller="myController">

<select ng-init="selectedName=names[0]" ng-mode="selectedName" ng-option="x for x in names"></select>

</div>

<script>

var app=angular.module("demo",[]);

app.controller("myController",function($scope){

$scope.names["google","baidu","taobao"];

});

</script>

其实也可以使用ng-repeat指令来创建下拉列表，如下：

<select>

<option ng-repeat="x in names">{{x}}</option>

</select>

ng-repeat是通过数组来循环html代码来创建下拉列表的，但是ng-optiions指令是更加适合创建下拉列表：ng-options的选项是一个对象，而ng-repeat是一个字符串；当选择的是一个对象后，ng-options能够获得更多的信息，应用也更加灵活。