Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to ignore property in angular filter

I'm trying to ignore a property called title in my angular filter. I have a dataset like the below example:

const data = [
    {
        title: 'Title 1'
        groups: [
            {...},
            {...},
            {...}
        ]
    },
    {
        title: 'Title 2'
        groups: [
            {...},
            {...},
            {...}
        ]
    },
    {
        title: 'Title 3'
        groups: [
            {...},
            {...},
            {...}
        ]
    }
];

And i'm using the ng-repeat with filter to iterate over the objects, and other loop to iterate over the groups:

<input ng-model="search">
<div ng-repeat="item in data | filter:search">
    <h1>{{item.title}}</h1>
    <ul>
        <li ng-repeat="group in item.group | filter:search">
            <span>{{group.something}}</span>
        </li>
    </ul>
</div>

Is working fine, but now i would like to ignore the title in the search. I did try several things, like: filter:search:item.title (in the first ng-repeat), or remove the first filter:search, but all tries failed. What i'm missing? Do i need a custom search or something like that?

Thank you.


1 Answers

You can specifically enter properties you want to filter and leave out title:

<li ng-repeat="group in item.groups | filter: { something: search }">

The above code will only filter based on the something property.

More answers and explanations here: AngularJS filter only on certain objects

like image 105
Eeks33 Avatar answered Dec 06 '25 23:12

Eeks33



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!