Having trouble on searching on a table, pagination type… It only search a record on the current page, but cannot search a record onto the next page

Having trouble on searching on a table, pagination type…
It only search a record on the current page, but cannot search a record onto the next page.

I’ve tried parent and child method from angular.io

had try codes from another component which having a table, cannot applied it though

$scope.ViewUserinfoBFAR = function (page) {
        var pageIndex = 0;
        if (page == undefined) {
            pageIndex = 0;
        } else {
            pageIndex = page - 1;
        }
        $scope.bfarInformation = [];
        userinformationService.viewAllUserInfo().then(function (res) {
            console.log(res)
            // userinformationService.viewUserInfo("usertype=FELIS," + $scope.searchSecond + "regionId=" + $scope.regionId + "&userrole=Administrator,Evaluator,Endorser,Cashier,recommendingApprover,evaluator,administrator,cashier,endorser,records,recommendingofficer,recommendingapproval,approval,approver&page=" + pageIndex + "&size=10").then(function (res) {
            // console.log("BFAR", res);
            // $scope.currentActivePageBFAR = res.number + 1;
            // $scope.numRowPerPageBFAR = res.size;
            // $scope.maxPaginateSizeBFAR = 10;
            // $scope.totalDataRowBFAR = res.totalElements;
            // $scope.bfarInformation = res.content;

            // $scope.bfarInformation = res.filter(obj => (obj.regionId == $scope.regionId));
            $scope.bfarInformation = res.filter(obj => obj.lastName && obj.region && obj.regionId != null);
            //&& (obj.userrole.toLowerCase() == "administrator" || obj.userrole.toLowerCase() == "evaluator" || obj.userrole.toLowerCase() == "endorser" || obj.userrole.toLowerCase() == "cashier" || obj.userrole.toLowerCase() == "recommendingApprover" || obj.userrole.toLowerCase() == "records" || obj.userrole.toLowerCase() == "recommendingofficer" || obj.userrole.toLowerCase() == "recommendingapproval" || obj.userrole.toLowerCase() == "approval" || obj.userrole.toLowerCase() == "approver" || obj.userrole.toLowerCase() == "inspector")

            console.log($scope.bfarInformation)

            $scope.tableParamsBFAR = new NgTableParams({ sorting: { firstName: "asc" } }, {
                dataset: $scope.bfarInformation
            });
        }, function (e) { })
    }