Публикации по теме 'pipes'
Как использовать пользовательские пайпы в Angular!
Вы знаете, что такое угловые трубы? Как насчет кастомных пайпов Angular? Нет? Что ж, просто продолжайте читать, чтобы узнать!
Что такое угловые трубы?
Угловые каналы используются для преобразования входных данных, будь то даты, строки, числа с плавающей запятой и другие данные для отображения в указанном формате вывода. По своей сути конвейеры — это просто функции, которые используются в шаблонных выражениях для получения входного значения и создания преобразованного вывода...
Советы для Angular Custom Pipes: реализация функции поиска для профилей пользователей
Пользовательский канал в Angular — это способ преобразования и форматирования данных перед их отображением в пользовательском интерфейсе. Он позволяет создавать многоразовые преобразования данных, которые можно применять в шаблонах с помощью оператора канала ( | ). Пользовательские каналы особенно полезны, когда вам нужно выполнить определенные манипуляции с данными или фильтрацию, которые недоступны по умолчанию.
Вот несколько ключевых моментов о пользовательских каналах в..
Трубы угловые
Понимание встроенных каналов, создание пользовательских каналов и фильтров в Angular
Pipes в Angular используются для преобразования данных без прямого воздействия на свойства, содержащие данные.
Мы можем преобразовывать строки, суммы в валюте, даты и другие данные для отображения. Каналы — это простые функции, которые можно использовать в выражениях шаблона, чтобы принимать входное значение и возвращать преобразованное значение.
Мы можем использовать встроенные каналы, а также..
Крошечная угловая трубка для запоминания любой функции
AngularInDepth уходит от Medium. Более свежие статьи размещаются на новой платформе inDepth.dev . Спасибо за то, что участвуете в глубоком движении!
При создании компонентов Angular иногда необходимо вызвать функцию в выражении шаблона. Например, вам нужно выполнить некоторые вычисления в выражении. Чтобы улучшить читаемость кода, вы перемещаете код в метод компонента, а затем вызываете его в выражении.
Давайте посмотрим на этот пример:
Вы можете поиграть с ним..
Как создавать собственные трубы в Angular
Использование Angular для создания приложения адресной книги
Angular - это комплексная платформа для создания приложений. Он использует каналы - фрагменты кода - для сопоставления одного объекта с другим. Каналы можно использовать в шаблонах или в других частях кода.
В этом разделе мы создадим приложение адресной книги с функциями для добавления и редактирования контактов. Мы также добавим окно поиска, в котором для поиска контактов используются каналы.
Это простое приложение. У..
Как создать фильтр поиска в Angular
Вы правильно угадали, мы будем использовать кастомную трубу!
Мы собираемся создать функцию поиска, чтобы фильтровать города США по названию.
Итак, все, что вам нужно, это массив данных для фильтрации и поле ввода для захвата пользовательского ввода. В этом примере это список городов, которые нужно отфильтровать по названию.
Шаг 1. Создайте канал с помощью ng g pipe <name> или вручную напишите класс канала и реализуйте PipeTransform интерфейс.
import { Pipe,..
Преобразование текста в TitleCase с помощью Angular2 Pipes
Недавно у меня была возможность создать свой первый пользовательский Angular2 Pipe. Документация angular, хотя и очень полезна, может быть немного сложной для навигации, поэтому я подумал, что воспользуюсь этой возможностью, чтобы написать быстрый пример того, как создать собственный класс конвейера, как внедрить его в свой компонент и как использовать это в ваших HTML-шаблонах.
В приведенном ниже примере показан канал, который принимает строковый оператор и форматирует его в TitleCase..
