JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/1.1.5/angular.js"></script>
<body ng-app ng-controller="AppCtrl">
<select ng-model="selectedFruit" ng-options="fruit.value as fruit.displayName for fruit in fruits">
</select>
   Selected value is  {{selectedFruit}}
   
   <div>
   <select ng-model="selectedHobbies" ng-options="h as h for h in hobbies" multiple>
</select>
   Selected hobbies are :
   <ul>
     <li ng-repeat="hobby in selectedHobbies">{{hobby}}</li>
  </ul>

   </div>
</body>

JavaScript

function AppCtrl($scope) {  
    
    $scope.fruits = [
        {value: '1', displayName: 'Apple'},
        {value: '2', displayName: 'Orange'}
     ];
    
      $scope.selectedFruit = '2';
      
     $scope.hobbies = [ 'reading', 'paintng', 'gaming' ];
     $scope.selectedHobbies = ['reading', 'gaming'];
}