JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.3/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="ctrl">
    <input type="text" ng-model="searchText">
    <div>
      <div ng-repeat="obj in this.objects | filter: this.searchText as filtered">
        {{ obj.name }}
      </div>
    </div>
    <div ng-if="!filtered.length">EMPTY</div>
    <button ng-click="onClick()">click me</button>
  </div>
</div>

JavaScript

angular.module('app', []).controller('ctrl', function($scope) {
  $scope.objects = [
    { name: 'USA' },
    { name: 'China' },
    { name: 'Germany' },
    { name: 'Italy' },
    { name: 'France' },
  ];

  $scope.onClick = function() {
    alert($scope.filtered.map(n => n.name).join(', ') || 'e-e-e-mmmmptyyy!!!!!!');
  };
});