How to use ng-options in angularjs

by Alaksandar Jesus Gene

HTML

<div ng-app="myApp" ng-controller="myCtrl">
    <h2>To pass as arrays</h2> 
    
    <select ng-model="selectedOne" ng-options="supplier as supplier.supName for supplier in suppliers"></select>
       {{selectedOne}} 
    <h2>To pass as single element</h2> 
    <select ng-model="selectedTwo" ng-options="supplier.supName as supplier.supName for supplier in suppliers"></select>
       {{selectedTwo}}
</div>

JavaScript

var app = angular.module("myApp",[]);
app.controller("myCtrl", function($scope){

    
   $scope.suppliers = [
        
        {supName:'A'},
        {supName:'B'},
        {supName:'C'},
        {supName:'D'}
    
    ]
    

});