Вопросы по теме 'angular-pipe'

Угловая 2 труба при условии
Можно ли в Angular 2 применить трубу по условию? Я бы хотел сделать что-то вроде: {{ variable.text | (variable.value ? SomePipe : OtherPipe) }} Если нет, то как лучше всего добиться этого эффекта?
53022 просмотров

Труба с параметром трубопровода в угловом 2
Я бы хотел написать что-то вроде <p>{{"CURRENT_DATE" | translate:(value:(currentDate | date:getDateFormat))}}</p> где translate - это функция конвейера из ng2-translate . Я хотел бы отобразить: «Сегодня 13.07.2016», поэтому...
879 просмотров
schedule 10.02.2023

Angular 2, динамическое создание пользовательского канала на основе предпочтений пользователя.
У меня есть несколько разных каналов, которые я хотел бы включать и выключать, если пользователь хочет фильтровать свои данные по различным критериям. Как мне активировать/деактивировать каналы, используемые в настоящее время в поиске, или создать...
413 просмотров
schedule 11.09.2022

Как использовать фильтры (каналы) в компонентах в Angular 2 (не в DOM с использованием каналов)
В angular 1 у нас есть фильтры , эти фильтры можно использовать как в DOM, так и в Typescript/Javascript . В Angular 2 мы используем каналы для этого, но каналы доступны для использования только в DOM . Есть ли другой способ использовать...
2539 просмотров

Угловой: limitTo pipe не работает
Я пытаюсь запустить limitTo pipe на Angular2 в строке: {{ item.description | limitTo : 20 }} И я получаю следующую ошибку: The pipe 'limitTo' could not be found Возможно ли, что эта труба была удалена в Angular2? Это мой...
32792 просмотров
schedule 09.06.2024

Угловая 2-х валютная трубка
Я использую валютную трубу в angular2, текущий я использую {{price | currency:'USD':true:'1.2-2'}} который выводит $480,000.00 Но результат, который я хочу $480k , возможно ли этого достичь?
1854 просмотров
schedule 07.10.2022

Пользовательский канал формата даты angular2, который использует переводы
Во-первых, вот чего я хотел бы добиться: Допустим, у меня есть модель для публикации, которая содержит объект js Date. Теперь я хотел бы отобразить дату в настраиваемом, удобочитаемом формате, который не показывает дату и время, а скорее смещение...
1865 просмотров

MapToIterable в Angular pipe с TypeScript
Пытаюсь реализовать пайп в Angular. После того, как понял, что ngFor не будет работать с картами. Некоторые исследования заставили меня поверить, что будущие функции будут решать эту проблему, но в то же время ответом был канал mapToIterable. У...
2102 просмотров

ng2-order-pipe не сортирует после добавления/удаления объектов
В моем приложении я отображаю div для каждого объекта в моем массиве и использую ng2-order-pipe для их сортировки: <div class="patients-container" (dragover)="allowDrop($event)" (drop)="onDrop($event)"> <div class="patient-box"...
528 просмотров
schedule 31.08.2022

Пользовательская труба Angular 4 Filter Search
Итак, я пытаюсь создать собственный канал для поиска нескольких значений в цикле ngFor. Я искал несколько часов для хорошего рабочего примера, и большинство из них основаны на предыдущих сборках и, похоже, не работают. Итак, я построил Pipe и...
52100 просмотров

Angular2 экранирующая косая черта Pipe
Я хочу создать канал в angular 2, который заменит «\» в данной строке, которая используется для экранирования специальных символов. что я сделал до сих пор, класс трубы следующий @Pipe({ name: 'escapeSlashPipe' }) export class...
1543 просмотров

Округление блока с использованием десятичной черты в angular 4
Используя угловой 4, {{31.94 | number:'1.0-0'}} Выход: 32 Любая идея, как заблокировать раунд. Ожидаемый результат 31
6622 просмотров
schedule 08.07.2023

Используйте асинхронный канал в ngFor для Observable of Observables (Angular)
У меня переменная определена так: myVar: Observable<Observable<MyObject>[]> . Я использую функцию Angular4 для перечисления с помощью асинхронного канала. *ngFor="let obsMyObject of (myVar | async)" теперь у меня есть...
2463 просмотров
schedule 20.02.2023

Angular Оптимизация санитарной обработки изображений
У меня есть вопрос относительно DomSanitizer для ресурсов изображений в Angular 5. В основном я использую это при извлечении коллекции из Firestore и динамической установке либо [src] , либо [style.background-image] внутри ngFor . Итак,...
980 просмотров
schedule 22.05.2023

Как использовать эту трубу в angular 5 динамически?
Я использую конвейер в своем приложении angular для фильтрации значений параметров на основе введенных пользователем данных. Этот фильтр используется на уровне поля формы, которая динамически генерируется с использованием цикла ngFor и основана на...
5549 просмотров

Можно ли использовать AsynPipe в * ngFor и обновить список наблюдаемых объектов
У меня есть список объектов, которые я получаю из HTTP-запроса GET. http.get<Array<Item>>(url) Я использую в своем шаблоне директиву * ngFor для отображения элементов. Поскольку я работаю напрямую с Observable , я использую...
110 просмотров
schedule 31.08.2022

Отображение времени UTC в Angular
В настоящее время я получаю следующую дату UTC из своего веб-API. "2018-04-05T11:50:37.6173487Z" Я хотел отобразить его как таковой 05.04.18 11:50 UTC Однако, используя {{ResponseTime| date:'dd.MM.yy HH:mm'}} идентификатор, отображающий...
2524 просмотров

Угловой фильтр флажка с помощью трубы
Здравствуйте, я пытаюсь создать угловую трубу флажка, которая может фильтровать мои продукты при установке. Контрольный список поступает динамически, как и список из того же файла JSON - Флажок - следующий код создает флажки в компоненте....
374 просмотров
schedule 08.02.2023

Пропустить через большой список
Итак, у меня есть список из 2000+ сотрудников, и мне нужно их отфильтровать. Как у меня сейчас, он работает очень медленно и отстает на 2 секунды. Каждый раз, когда я печатаю букву, она каждый раз проходит этот список. Есть ли способ уменьшить...
78 просмотров
schedule 31.12.2022

Angular7 * ngIf в компоненте приложения с isLoading | async pipe из redux store выдает ExpressionChangedAfterItHasBeenCheckedError
У меня есть неопределенный счетчик, который я использую *ngIf в app.component.html (всегда загружен), и он смотрит на переменную в моем хранилище redux, которую я привожу в app.component.ts с @select() isLoading; , используя | async канал....
427 просмотров