Select options

http://stackoverflow.com/questions/14749699/angular-js-using-ng-model-for-dropdowns-within-ng-repeat

by bmleite

HTML

<div ng-controller="Ctrl">   
    <div ng-repeat="cargoItem in cargo.CargoItems">
        <span>Selected Load Point: {{cargoItem.LoadPoint.Text}}</span> 
        <select ng-model="cargoItem.LoadPoint" ng-options="loadPoint.Text for loadPoint in LoadPoints"></select>
        <pre>cargoItem: {{cargoItem | json}}</pre>
    </div> 
<div>

JavaScript

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

function Ctrl($scope) {    
    
    $scope.LoadPoints = [{ Id: '1', Text: 'loadPointA' },{ Id: '2', Text: 'loadPointB' }];
    
    $scope.cargo = {
        CargoItems: [{
            LoadPoint: $scope.LoadPoints[0]
        }, {
            LoadPoint: $scope.LoadPoints[1]
        }]
    }
            
    
}