JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="Ctrl">
    <select ng-model="search.user_id">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="23">23</option>
    </select>
    <input type="text" ng-model="search.firstname">
    <ul>
        <li ng-repeat="user in users | filter:search">#{{ user.user_id }} {{ user.firstname}}</li>
    </ul>
</div>

JavaScript

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

app.controller('Ctrl', ['$scope', function($scope) {
    $scope.users = [{
        user_id: 1,
        firstname: 'John'
    }, {
        user_id: 2,
        firstname: 'Zoe'
    }, {
        user_id: 3,
        firstname: 'Tony'
    }, {
        user_id: 23,
        firstname: 'Bob'
    }];
}]);