AutoSkill 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.

install
source · Clone the upstream repo
git clone https://github.com/ECNU-ICALK/AutoSkill
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/ECNU-ICALK/AutoSkill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/SkillBank/ConvSkill/english_gpt3.5_8_GLM4.7/angular-generic-object-search-filter-pipe" ~/.claude/skills/ecnu-icalk-autoskill-angular-generic-object-search-filter-pipe && rm -rf "$T"
manifest: SkillBank/ConvSkill/english_gpt3.5_8_GLM4.7/angular-generic-object-search-filter-pipe/SKILL.md
source content

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

  1. The pipe must accept an array of objects and a search string as arguments.
  2. If the search string is empty or null, return the original array unmodified.
  3. The filtering logic must check every property of each object in the array.
  4. The comparison must be case-insensitive.
  5. 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