JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='myApp' ng-controller="Main">
    <input type="text" ng-model="status">
    <li ng-repeat="user in users | isStatus:status">{{user.name}}</li>
    {{users}}
</div>

JavaScript

var myApp = angular.module('myApp', []);
myApp.filter('isStatus', function() {
  return function(input, status) {
    var out = [];
      for (var i = 0; i < input.length; i++){
          if(input[i].status == status)
              out.push(input[i]);
      }      
    return out;
  };
});

function Main($scope){
    $scope.status = 1;
    $scope.users = [{name: 'first user', status: 1},
                    {name: 'second user', status: 2},
                    {name: 'third user', status: 3}];
}