JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="demoApp">
    <div ng-controller="DemoController">
        <select ng-model="as" ng-options="p.name as p.value for p in persons"></select>
        <select>
            <option ng-repeat="p in persons" value="{{p.value}}">{{p.name}}</option>
        </select>
        <p ng-repeat="p in persons">{{p.value}}: {{p.name}}</p>
    </div>
</div>

JavaScript

angular.module('demoApp', []).controller('DemoController', function ($scope) {

    $scope.persons = [{
        value: 'person1',
        name: 'Anna Smith'
    }, {
        value: 'person2',
        name: 'Karl Pettersson'
    }, {
        value: 'person3',
        name: 'Ylvis Russo'
    }];

});