CODEWITHSUNDEEP
javascriptangularjscontrollerfiltering
Naomi
Naomi

Reputation: 718

AngularJs: programmatically filter by either of 2 columns

I have the following code in my controller:

$scope.filteredTransactions = $scope.invoiceTransactionsObject.transactions.concat(); // make a copy of the initial array
if ($scope.searchTerm.message)
{
    var search = $scope.searchTerm.message;
    $scope.filteredTransactions = $filter('filter')($scope.filteredTransactions, ({ message: search } || { item: search }));
}

I want to be able to filter by typing some value and search either in the message column or item column. According to How to filter multiple values (OR operation) in angularJS it should work, but it doesn't and if I type something that can be found in the message, it works, but when I type something from the item, it returns empty array.

Do you see where is my mistake?

Upvotes: 0

Views: 1393

Answers (1)

Kevin
Kevin

Reputation: 6014

Update Deleted irrelevant/mistaken initial answer

Since you're applying $filter inside a JS script, and it doesn't use any of the advanced features of $filter, I'd switch over to the JS-native method of filtering an array:

$scope.filteredTransactions = $scope.invoiceTransactionsObject.transactions.concat(); // make a copy of the initial array
if ($scope.searchTerm.message)
{
    var search = $scope.searchTerm.message;
    $scope.filteredTransactions = $scope.filteredTransactions.filter(function (trans) {
return trans.message.toLowerCase().indexOf(search) >= 0 || trans.item.toLowerCase().indexOf(search) >= 0;
    });
}

...assuming that $filter is case-insensitive and matches anywhere in the string. If that's not the functionality of $filter and/or not what you want, you'd adjust the code accordingly.

Upvotes: 2

Related Questions