angularjs select

1. 第一种方法
$scope.colors = [
{name:'black', shade:'dark'},
{name:'white', shade:'light'},
{name:'red', shade:'dark'},
{name:'blue', shade:'dark'},
{name:'yellow', shade:'light'}
];
$scope.myColor = $scope.colors[1]; // cannot be {name:'white', shade:'light'}


<select ng-model="myColor" ng-options="color.name for color in colors">
<option value="">-- choose color --</option>
</select>

2. 第二种方法
$scope.colors = [
{name:'black', shade:'dark'},
{name:'white', shade:'light'},
{name:'red', shade:'dark'},
{name:'blue', shade:'dark'},
{name:'yellow', shade:'light'}
];
$scope.myColor = 'red'; // red


<select ng-model="myColor" ng-options="color.name as color.name for color in colors">
<option value="">-- choose color --</option>
</select>

+1 天