Фильтры в angular js. Создание собственных фильтров в angular

Главная » Видеоуроки » JavaScript » Фильтры в angular js. Создание собственных фильтров в angular

В этом уроке мы рассмотрим использование фильтров в angularjs. В angluar есть несколько встроенных фильтров. Также мы создадим собственный фильтр при помощи метода filter.

Ниже приведен список встроенных фильтров в angular:

  • uppercase — форматирует строку к верхнему регистру
  • lowercase — форматирует строку к нижнему регистру
  • number — форматирует число к строке
  • limitTo — ограничивает вывод элементов исходя из указанного числа
  • date — фопматирует дату к указанному формату
  • currency — форматирует число к валюте
  • filter — выбирает элементы из входного массива

Как вы поняли из прошлых примеров, фильтры записываются в представлении после прямой черты.
Благодаря двухстороннему связыванию в angular мы можем использовать фильтры в связке с различными событиями — например, фильтрация данных по клику, или фильтрация при вводе. В примерах это фильтр sortByName и встроенный фильтр filter в связке с моделью selectPlayers (живой поиск) соответсвенно.

Но как и любой фреймворк, суть angular заключается и в том, чтобы у разработчика была возможность расширять возможности имеющегося функционала, в данном случае создание собственных фильтров. Для этого в angular есть замечательный фабричный метод filter.
Метод filter принимает два параметра — название фильтра (которе вы будете использовать в представлении, второй параметр — функция непосредственной фильтрации).

Подписаться на рассылку

Будьте в курсе - получайте последние статьи на свой email

Ваша подписка успешно оформлена

Pin It on Pinterest

Share This