JSFiddle - React, Tailwind, and code Playground

by YameenYasin

HTML

<div ng-controller="myController">
<select ng-model="selectedItem" 
        ng-options="item as item.price + ' ' + item.name for item in skulist"  ng-change="updateText(selectedItem.name)" 
    >
        <option value=''>{{selectedValue}}</option>
</select>
</div>

JavaScript

var app = angular.module('app',[]);
app.controller("myController",function($scope){
        $scope.skulist = [{"name": "First", "price": "Rs.100"},
                  {"name": "Second", "price": "Rs.200"},
                  {"name": "Third", "price": "Rs.300"}
        ];    
    $scope.selectedValue = '';
    $scope.updateText = function(name){      
       $scope.selectedValue = name;
       $scope.selectedItem = $scope.selectedValue;       
    }
});