Angular ngOptions

Angular ngOptions

by Boban Stojanovski

HTML

<body ng-app="myModule">
    <div ng-controller="MyCtrl">
        <select class="form-control" ng-model="selectedOption" ng-options="option.price as option.name for option in options"></select>
    
    
    <h2>{{selectedOption}}</h2>
        
        </div>
</body>

JavaScript

angular.module('myModule', [])
    .controller('MyCtrl', function ($scope) {
        $scope.selectedOption = 14;
       
    $scope.options = [{
        name: "Item A",
        price: 10
    }, {
        name: "Item B",
        price: 14
    }, {
        name: "Item C",
        price: 24
    }];
});