Tag: Filter list with checkboxes using Angular + Typescript

Angular 7/6 | Pass Data between Components Example Application

Continuing from my previous post has an example of filter pipe usage in Angular 5 application. Here we will upgrade that simple filter app to level next. I have upgraded this application to Angular v6, worked basically on two important methods using which we can pass data between Angular components.

Continue reading Angular 7/6 | Pass Data between Components Example Application

Angular 7/6 + Typescript: Create Filter List with Check-boxes to Select from List

Compatible with Angular versions 2 to 7

Hi Guys, here we will create a list of items with a filter using Angular 5 and Typescript. For filtering list data we will use Pipes.

Features:

  1. Filter from the list using input search form field.
  2. Use the checkbox to select a game from the populated list.
  3. Selected game tags will be added below the list items.
  4. Clear cross icon on search input to clear search term.
  5. “Clear Selection” to clear all selections by the user.
  6. An individual tag can be deleted using the cross icon on respective tags.

Continue reading Angular 7/6 + Typescript: Create Filter List with Check-boxes to Select from List