Описание тега angular2-pipe

Канал Angular 2 принимает данные на входе и преобразует их в желаемый результат.
0 ответов

Angular2 несколько пользовательских труб

Я строю приложение angular2, используя es5. У меня есть один экран, где у меня есть два поля ввода поиска, чтобы отфильтровать два разных списка. Для этого я определил две разные трубы, как указано ниже (function(app) { app.filterPipe1 = ng.core.Pip…
10 июн '16 в 09:04
1 ответ

Флажок фильтрации работает только при обновлении Angular2

Поэтому для простоты использования я хочу добавить флажки в качестве фильтров. Тем не менее, он загружается только когда я обновляю страницу. Это мои файлы: filename.component.ts import { Component } from '@angular/core'; import { CheckboxFilterPipe…
04 май '16 в 07:50
5 ответов

Как повторно запустить все чистые трубы на всем дереве компонентов в Angular 2

У меня чистая труба TranslatePipe который переводит фразы, используя LocaleService который имеет locale$: Observable<string> текущая локаль у меня тоже есть ChangeDetectionStrategy.OnPush включен для всех моих компонентов, включая AppComponent…
1 ответ

Угловые трубы - один вход для двух строк данных

Я создаю приложение, в котором есть набор данных. Мне нужно создать поисковые фильтры для этого набора данных, и для этого я использую угловые трубы. Проблема в том, что я хотел бы проверить два поля данных с одним входом. Вход: имя Поля: Имя счета,…
25 дек '17 в 10:44
0 ответов

Фильтрация данных таблицы на основе выбора флажка mat-tree, угловая 6

У меня есть флажок группы, который имеет родителей и детей. Я использую следующий пример slackblitz для достижения этой цели: https://stackblitz.com/angular/nkmjydodvnp?file=app%2Ftree-checklist-example.ts На той же странице у меня есть таблица, где…
1 ответ

Нажмите на вкладку обновить значение фильтра трубы Angular2

На этот раз я получаю данные из API, но я бы хотел их отфильтровать. Вот логин. Люди -> Фильтровать по статусу (включить или отключить) У меня есть следующие файлы people.component.ts people.component.html people.pipe.ts Файл JSON {"Имя": "Ана", "Ст…
31 май '16 в 13:12
1 ответ

Как передать функцию как arg Pipe angular2

Я хотел бы иметь универсальный фильтр полей, который получит функцию фильтра в качестве аргумента и использует ее в filter import {Injectable, Pipe, PipeTransform} from '@angular/core'; @Pipe({ name: 'FieldsFilter' }) @Injectable() export class Fiel…
12 янв '17 в 08:52
2 ответа

Как понизить пользовательский канал, написанный на angular2, для использования в angular 1.5?

Я написал компонент, который использует трубу в Angular 2. Теперь я пытаюсь понизить компонент, который будет использоваться в моем Angular 1.5: angular.module('myApp') .directive('Item', downgradeComponent({component: ItemComponent, inputs: ['item'…
1 ответ

Angular2 пытается нарезать строковый объект, используя SlicePipe в шаблоне

Ссылка: https://angular.io/docs/js/latest/api/common/SlicePipe-class.html. Попытка нарезать первые 20 символов строкового объекта. Пытался: <p>{{item.description | slice:0:20}}...</p> а также <p>{{item.description}}[0:20]: '{{item.…
01 июн '16 в 09:49
1 ответ

Ошибка шаблона на ngFor и использование канала с параметром

Я пытаюсь сортировать с pipe на Angular 4. Нет проблем с pipe и ngFor. <div *ngFor="let item of data | paginate: { itemsPerPage: 8, currentPage: p } | orderBy : ['{{config}}'] " class="col-lg-3 col-md-6 col-sm-6"> <blog-thumb [date]="item.d…
07 май '17 в 13:15
1 ответ

Как получить вход для отображения и редактирования валюты с угловыми 4 трубами

Моя цель состоит в том, чтобы иметь поле ввода, которое позволяет пользователю редактировать число в качестве валюты. Например, пользователь видит "1000 долларов", он может ввести "0", а в окне редактирования отображается "10000 долларов". И результ…
17 ноя '17 в 16:54
1 ответ

Испытание углового 4-х трубного блока не работает для основной трубы

Испытание углового 4-х трубного блока не работает для основной трубы Ошибка кармы: TypeError: Невозможно прочитать свойство '0' из неопределенного Это моя труба (очень простая): import { Pipe, PipeTransform } from "@angular/core"; @Pipe({ name: "use…
1 ответ

Angular: DatePipe.transform возвращает 0 за месяц

Я использую DatePipe для форматирования строки даты в формате "25-октябрь-2017" на "2017-10-25". Ниже приведен фрагмент. this.datePipe.transform('25-Oct-2017', 'yyyy-mm-dd') Возвращает "2017-00-25".
25 окт '17 в 13:46
2 ответа

Пользовательские трубы | фильтр для расчета относительного времени в angular2

В процессе обучения я столкнулся с созданием Custom Pipe, поэтому подумал, что это поможет.
0 ответов

Можно ли использовать *ngFor для заполнения нескольких родительских элементов?

Я хочу использовать div как контейнер. В этом контейнере я хотел бы заполнить до 3 элементов *ngFor или же *ngRepeat, После того, как этот предел будет достигнут, я хотел бы новый экземпляр родительского div быть сгенерированным для продолжения запо…
24 янв '17 в 04:00
3 ответа

Насколько конкретно числовой формат в методе angular2 toString?

Я хочу отформатировать свой номер в приложении angular2. Я хочу всегда быть из 8 номеров. ех. если я вставлю: 12345678 -> 12345678 123 -> 00000123 123456 -> 00123456 123456789 ->i'll display a modal error or message(don't care of this) Я…
08 апр '17 в 12:16
1 ответ

Как я могу получить значение NgModel из Angular2 Pipe

Я создал общую трубу поиска для таблицы, я также добавил значения столбцов в поле выбора, теперь мне нужно получить выбранное значение из поля выбора и получить к нему доступ в моих каналах Ниже приведен код для вашей справки труба export class sear…
17 фев '17 в 12:07
1 ответ

Angular 2.0.0 final - пользовательский фильтр труб возвращает [объект]

Я пытаюсь создать фильтр, используя пользовательский канал. Может кто-нибудь помочь понять, почему фильтр не фильтрует фиктивные данные? Он не выдает ошибку, он возвращает [объект Object] Вы можете найти полный код здесь: http://run.plnkr.co/plunks/…
18 сен '16 в 22:27
1 ответ

Angular2: ошибка при использовании конвейера текстового фильтра для фильтрации массива

Я хочу иметь возможность искать хотя categories массив путем выполнения поиска по названию категории. Я попробовал следующее решение, но я не уверен, как редактировать переменные в трубе, чтобы соответствовать моим потребностям. С помощью следующего…
29 дек '16 в 10:55
1 ответ

Угловой фильтр цен 2 - не может прочитать свойство '0' из неопределенного

Я хотел бы создать ценовой фильтр, который отфильтровывает товары на основе двух переменных. Этими двумя переменными являются минимальная цена и максимальная цена. В настоящее время я ввел только минимальную цену, чтобы упростить понимание. но при д…