JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp" ng-controller="SomeController">
    <div class="listitem" ng-repeat="d in data">{{d.name}}:
        <select ng-model="d.option" ng-options="option.name for option in options track by option.id"></select>
        <br/>{{d.option}}</div>
</div>

CSS

body {
    font-family: verdana;
    font-size: 10pt;
}
.listheader {
    font-weight: bold;
    text-decoration: underline;
    padding-top: 5px;
}

JavaScript

var myApp = angular.module('myApp', []);
myApp.controller("SomeController", function ($scope) {
    $scope.options = [{
        "id": "id1",
            "name": "p1"
    }, {
        "id": "id2",
            "name": "p2"
    }];

    $scope.data = [{
        "name": "data1",
            "option": {
            "id": "id1",
                "name": "p1"
        }
    }];


});