JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"></script>
<body ng-app="myApp">
  <div ng-controller="Ctrl">
    <div ng-repeat="user in users |  myFilter:[1,8]">
      <span>{{ user.username }}, {{ user.id }}</span>
    </div>
  </div>
</body>

JavaScript

var myApp=angular.module('myApp', []);

myApp.controller('Ctrl',function ($scope) {
  $scope.users = [
    {"id":1,"username":"simon",},
    {"id":8,"username":"betty",},
    {"id":14,"username":"archie",},
    {"id":3,"username":"jumbo1"},
  ];     
});
      
myApp.filter('myFilter', function () {  
    return function(inputs,filterValues) {
      var output = [];
      angular.forEach(inputs, function (input) {
        if (filterValues.indexOf(input.id) !== -1)
            output.push(input);
       });
       return output;
   };
});