JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div ng-app="myApp" ng-controller="myCtrl as mainCtrl">
    
    
    
current filter:       <input ng-model="field" />
      <div ng-repeat="(value, keys) in person | filter:field">
        <p>{{value}}
        </p> 
      </div>
    </div>
  </body>

CSS

/* Styles go here */

.person{
  border:none
}

JavaScript

angular.module('myApp', [])
	.controller('myCtrl', function MainController($scope) {
    $scope.person = {
        name : 'Thomas M',
        username : 'mthomas',
        company : 'XYZ',
        email : '[email protected]',
        city : 'Philadelphia',
        country : 'USA'
    };
  
  $scope.keys = Object.keys($scope.person);
 

   
});