JSFiddle - React, Tailwind, and code Playground

by yufeng

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.5/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.js"></script>
<div ng-controller="mainController">
	<select ng-model="nationality" id="nationality" ng-options="player.name for player in players | unique: 'nationality'">
		<option value="">Please Select</option>
	</select>
</div>

JavaScript

angular.module('myApp', ['ui', 'ui.filters'])
	.controller('mainController', ['$scope', 
		function ($scope) {
			$scope.players = [{
				name: 'test user 1',
				nationality: 'Spanish'
			},{
				name: 'test user 2',
				nationality: 'Spanish'
			},{
				name: 'test user 3',
				nationality: 'German'
			}];
	}
]);

angular.element(document).ready(function() {
	angular.bootstrap(document, ['myApp']);
});