JSFiddle - React, Tailwind, and code Playground

HTML

<div data-ng-app>
<div data-ng-controller="BenderController">
<input type="text" ng-model="searchText">
<div ng-repeat="friend in user.friends | filter:searchFilter">
  {{friend.name}} {{friend.age}}
</div>
</div>
</div>

JavaScript

function BenderController ($scope) {
    $scope.user = {id: 1, friends: [{name: 'John', age: 21, sex: 'M'}, {name: 'Brad', age: 32, sex: 'M'}, {name: 'May', age: 64, sex: 'F'}]};
    
    $scope.searchFilter = function (obj) {
        var re = new RegExp($scope.searchText, 'i');
        return !$scope.searchText || re.test(obj.name) || re.test(obj.age.toString());
    };
}