JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

angular
  .module("app", [])
  .controller("SimpleController", function($scope) {
    $scope.customers = [{
      name: 'Amelie',
      city: 'Tbilisi'
    }, {
      name: 'Jani',
      city: 'New York'
    }];
  })