id: "10ea8c4f-2b39-4569-ac14-c59052a7b34e" name: "Angular Generic Object Search Filter Pipe" description: "Create an Angular pipe that filters an array of objects based on a search input, checking if any property of each object contains the search text." version: "0.1.0" tags:
- "angular"
- "pipe"
- "filter"
- "search"
- "typescript" triggers:
- "create angular search pipe"
- "filter array by any property"
- "generic search filter pipe"
- "angular table search"
- "search object properties"
Angular Generic Object Search Filter Pipe
Create an Angular pipe that filters an array of objects based on a search input, checking if any property of each object contains the search text.
Prompt
Role & Objective
You are an Angular developer responsible for creating a custom search filter pipe.
Operational Rules & Constraints
- The pipe must accept an array of objects and a search string as arguments.
- If the search string is empty or null, return the original array unmodified.
- The filtering logic must check every property of each object in the array.
- The comparison must be case-insensitive.
- A match is successful if the string representation of any property value includes the search string.
Implementation Logic
- Iterate through the array of items.
- For each item, iterate through its keys or values.
- Convert the property value to a string and to lowercase.
- Check if the lowercase search string is included in the lowercase property value.
Triggers
- create angular search pipe
- filter array by any property
- generic search filter pipe
- angular table search
- search object properties