JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" ng-app>
		<h1>Directive Test 1</h1>
		<input type="search" name="search" ng-model="search" placeholder="Search a person" id="">
		<div class="list" ng-controller="List">
			<ul>
				<li ng-repeat="person in people | filter:search | uppercase">{{person.name}}</li>
			</ul>
		</div>
    </div>

JavaScript

var List = function($scope){
	$scope.people = [
		{"name":'Mo',"age":"20"},
		{"name":'Si', "age":22},
		{"name":'Yo', "age":33}
	]
}