JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp" ng-controller="SimpleController">
		Name : 
		<input type="text" data-ng-model="name" />{{name}}
    
       <ul>
			<li data-ng-repeat="cust in customers | filter :name | orderBy:'city'">{{cust.name | uppercase}} - {{cust.city}}</li>
		</ul>
</div>

JavaScript

var app = angular.module("myApp", []);
function SimpleController($scope){
			$scope.customers = [
			{name :'Kamal',city : 'York'},
			{name : 'Sunil',city:'DC'},
			{name : 'Malith',city:'Gotham'}
			];
		}