JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app ng-controller="MyCtrl">
    <select id="StatusID" name="statusID" ng-model="search.StatusID" ng-options="Status.StatusID as Status.StatusDesc for Status in StatusList">
        <option value="">All</option>
    </select>    
    <span>{{(itemList | filter:search:true).length}} out of {{itemList.length}} records.</span>
    <table>
        <tr>
            <th>Status Desc</th>
            <th>Status ID</th>
        </tr>
        <tr ng-repeat="item in itemList | filter:search:true">
            <td>{{item.Name}}</td>
            <td>{{item.StatusDesc}}</td>
            <td>{{item.StatusID}}</td>
        </tr>
    </table>
</div>

JavaScript

function MyCtrl($scope) {
    $scope.StatusList = [{
        StatusID: 0,
        StatusDesc: "New"
    }, {
        StatusID: 10,
        StatusDesc: "Enabled"
    }, {
        StatusID: 30,
        StatusDesc: "InProgess"
    }, {
        StatusID: 70,
        StatusDesc: "Done"
    }];

    $scope.itemList = [{
        Name: "A",
        StatusID: 10,
        StatusDesc: "Enabled"
    }, {
        Name: "B",
        StatusID: 10,
        StatusDesc: "Enabled"
    }, {
        Name: "C",
        StatusID: 30,
        StatusDesc: "InProgess"
    }, {
        Name: "D",
        StatusID: 70,
        StatusDesc: "Done"
    }, {
        Name: "E",
        StatusID: 70,
        StatusDesc: "Done"
    }, {
        Name: "F",
        StatusID: 10,
        StatusDesc: "Enabled"
    }];

}