JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-rc.2/angular.js"></script>
<div ng-app="myApp">
<div ng-controller="MyCtrl">
Billing State:
<select
ng-model="address.state"
ng-options="state.lookupCode as state.description for state in lov_state"></select>
<select
ng-model="unit.state"
ng-options="state.lookupCode as state.description for state in lov_unit"></select>
<tt>State selected: {{address.state}} * {{unit.state}} = {{address.state * unit.state}}</tt>
</div>
</div>
JavaScript
var myApp = angular.module('myApp', []);
myApp.controller('MyCtrl', function($scope) {
$scope.addresses = [
{'state': '1'},
{'state': '2'},
{'state': '3'}
];
$scope.units = [
{'state': '1'},
{'state': '2'},
{'state': '3'}
];
$scope.lov_state = [
{'lookupCode': '1', 'description': 'Km'},
{'lookupCode': '2', 'description': 'Meter'},
{'lookupCode': '3', 'description': 'Centi'},
];
$scope.lov_unit = [
{'lookupCode': '1', 'description': 'Km'},
{'lookupCode': '2', 'description': 'Meter'},
{'lookupCode': '3', 'description': 'Centi'},
];
});