ng-options with Javascript object

by samgu

HTML

<div ng-app>
    <div ng-controller="AppCtrl">
        <select ng-model="fieldType" ng-options="k as v.name for (k, v) in fieldTypes"></select>{{ fieldType }}</div>
</div>

JavaScript

function AppCtrl($scope) {
    $scope.fieldTypes = {
        1: {
            "name": "ben"
        },
        2: {
            "name": "jon"
        },
        3: {
            "name": "wilf"
        }
    };

    $scope.fieldType = 1;
}