Filtro multiplo angolare

Oggi voglio condividere come possiamo creare un filtro multiplo su Angular. Esamineremo due modi per queste funzioni con l'evento click e le pipe. Innanzitutto, dovremmo capire perché abbiamo bisogno di filtri.
Potremmo raccogliere i nostri dati in file statici o estrarre da un'API. Probabilmente ciascuno di questi dati avrà oggetti all'interno di un array. Potrebbe essere necessario filtrare questi dati in base a diverse proprietà. Per questo motivo utilizziamo una struttura multi-filtro.

Creeremo un progetto di base e utilizzeremo una struttura multi-filtro per illustrare. Immagina un array che ha molti oggetti e ogni oggetto include proprietà di più di uno. Ad esempio,

E ora possiamo creare il nostro file HTML. Abbiamo utilizzato ngModel per l'associazione dati bidirezionale. Pertanto possiamo raggiungere i valori di input nel file ts.

Abbiamo creato alcuni stati e funzioni per il file HTML. Pertanto dobbiamo definire questi stati e funzioni nel file ts.

Questo è tutto!

Abbiamo creato un progetto di base. Puoi svilupparlo utilizzando metodi di stringa o diverse opzioni di filtro come caselle di controllo.

Spero di vederti nel prossimo articolo!