JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.0/angular.js"></script>
<div ng-app="test">
    <div ng-controller="testController">
        <select ng-options="item.text for item in data track by item.value"
                ng-model="selectedItem">
            <option value=""> - Select item - </option>
        </select>
        <div>Selected text: {{selectedItem.text}}</div>
        <div>Selected value: {{selectedItem.value}}</div>
    </div>
</div>

JavaScript

angular.module("test", [])

.controller("testController", function($scope) {
    $scope.data = [
        { text: "item1", value: 4 },
        { text: "item2", value: 12 },
        { text: "item3", value: 11 },
        { text: "item4", value: 19 },
        { text: "item5", value: 17 },
        { text: "item6", value: 26 },
    ];
});