Select Option using ngModel

by Manish Gupta

HTML

<div ng-app="myApp" ng-controller="myCtrl">

        
        <p>ngModel bind directly to object :  {{ selectedCar }}</p>
        <select ng-model="selectedCar" ng-options="x.model for x in cars"></select>
        <p> ngModel bind by object from itemsSource : {{selectedCar1}}</p>
        <select ng-model="selectedCar1" ng-options="x.model for x in cars"></select>
      
        

    </div>

JavaScript

var app = angular.module('myApp', []);
app.controller('myCtrl', function ($scope) {
    
    $scope.cars = [
        {model : "Ford Mustang", color : "red"},
        {model : "Fiat 500", color : "white"},
        {model : "Volvo XC90", color : "black"}
    ];
    $scope.selectedCar = { model: "Ford Mustang", color: "red" };
    $scope.selectedCar1 = $scope.cars[1];
});