如何使用AngularJS填充下拉列表值

Question

提供可用于使用AngularJS代码动态填充HTML下拉列表值的简单代码。如果可能，请包含多种解决方案。

Answer 1

这是可能的解决方案之一。

HTML / AngularJS代码：

<div ng-controller="TheController" ng-app>

Location:     
<select ng-model="locationId" ng-options="item.LocationId as item.LocationName for item in locations"></select>
    <br/>         
    LocationId: {{locationId}} <br/>    
</div>

JavaScript的：

function TheController($scope) {

    $scope.locations = [
        {LocationId : 1, LocationName : 'USA' },       
        {LocationId : 2, LocationName : 'Canada' },
        {LocationId : 3, LocationName : 'Pakistan' } ];

}

现场演示： http://jsfiddle.net/8een5/1/