JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgit.com/rubenv/angular-select2/master/dist/angular-select2.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css">
<div ng-app="example" ng-controller="mainCtrl">

    <select2 ng-model="current" s2-options="val.id as val.name for val in values"></select2>
    <h1>{{current}}</h1>
</div>

JavaScript

var myApp = angular.module("example",['rt.select2']);

myApp.controller("mainCtrl",function($scope){
    $scope.values = [
        {
            name:"john",
        	id:"2"
        },
        {
        	name:"mike",
            id:"1"
        },
        {
        	name:"emily",
            id:"3"
        }
    					
    ];
	$scope.current = "";
});