АнгуларЈС прилагођени филтер са примером

Anonim

Понекад уграђени филтри у програму Ангулар не могу да задовоље потребе или захтеве за филтрирањем резултата. У том случају се може креирати прилагођени филтер који може проследити излаз на потребан начин.

Како створити прилагођени филтер

У доњем примеру ћемо пренети низ у приказ из контролера преко објекта опсега, али не желимо да се низ приказује такав какав јесте.

Желимо да осигурамо да кад год прикажемо низ проследимо прилагођени филтер који ће додати други низ и приказати довршени низ кориснику.

Event Registration

Guru99 Global Event

This tutorial is {{tutorial | Demofilter}}

Објашњење кода:

  1. Овде преносимо низ „Ангулар“ у променљиву члана која се зове туториал и прикачимо га на објект опсега.
  2. Ангулар пружа услугу филтрирања која се може користити за креирање нашег прилагођеног филтера. „Демофилтер“ је име дато нашем филтру.
  3. Ово је стандардни начин на који се дефинише прилагођени филтер при чему се функција враћа. Ова функција садржи прилагођени код за креирање прилагођеног филтера. У нашој функцији узимамо низ „Ангулар“ који се из нашег погледа прослеђује филтру и додаје му низ „Туториал“.
  4. Користимо наш Демофилтер на нашој променљивој члана која је прослеђена са контролера на приказ.

Ако се код успешно изврши, следећи излаз ће се приказати када покренете свој код у прегледачу.

Излаз:

Из резултата,

  • Може се видети да је наш прилагођени филтер примењен и
  • Реч „Водич“ додата је на крају низа, који је прослеђен у водичу променљиве члана.

Резиме:

Ако постоји захтев који не испуњава ниједан од филтера дефинисаних у ангулар, тада можете створити свој прилагођени филтер и додати свој прилагођени код да бисте утврдили врсту излаза који желите из филтера.а