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能够获得更多的信息,应用也更加灵活。

原文地址:https://www.cnblogs.com/VARForrest/p/7802455.html