Публикации по теме 'angular-pipe'
Трубы в угловом
Трубы в угловом
Как мы знаем, Angular — популярный веб-фреймворк для создания современных веб-приложений, предлагающий разработчикам множество мощных функций.
Одной из таких функций является pipes , которая обеспечивает простой и эффективный способ преобразования данных перед их отображением в представлении.
В этой статье мы предоставим всесторонний обзор pipes в Angular, включая то, что они из себя представляют, как их использовать, а также некоторые примеры распространенных..
Вопросы по теме 'angular-pipe'
Угловая 2 фильтрующая труба
Попытка написать собственный канал, чтобы скрыть некоторые элементы.
import { Pipe } from '@angular/core';
// Tell Angular2 we're creating a Pipe with TypeScript decorators
@Pipe({
name: 'showfilter'
})
export class ShowPipe {...
5366 просмотров
schedule
29.02.2024
Angular 2 Pipes выполняются до ngOnInit
У меня есть собственный канал в Angular 2 RC5, который обрабатывает данные, которые я получаю с сервера. Проблема, с которой я сталкиваюсь, заключается в том, что Pipe выполняется до ngOnInit , где я делаю вызовы на сервер.
В качестве теста я...
3500 просмотров
schedule
13.12.2022
Angular 2 Pipe - невозможно прочитать свойство toString неопределенного
У меня есть настройка поисковой трубы в angular 2 . Поисковая труба работала отлично, когда я был на угловой бета-версии 14, теперь я обновился до rc5, и поисковая труба не работает, и я получаю сообщение об ошибке. Если я уберу канал из html-кода,...
2923 просмотров
schedule
29.08.2022
Angular2, как передать итерируемый элемент * ngFor в канал в качестве параметра?
Предположим, у меня есть следующий код:
<a *ngFor="let sterm; of data?.search_term | getOtherSearchTerms: sterm" href="job_search_results.do?jkw=">{{sterm}}</a>
а вот моя трубка:
import { Pipe, PipeTransform } from...
727 просмотров
schedule
25.04.2023
Создайте собственный канал для фильтрации значений с помощью предиката в angular
Я хотел бы создать собственный канал в angular 4.x, который принимает функцию предиката в качестве параметра для фильтрации значений из массива.
Вот код моей трубы: [Фрагмент № 1: mypipe.ts]
import { Pipe, PipeTransform } from '@angular/core';...
865 просмотров
schedule
22.07.2022
Как использовать библиотеку Numeral.js в приложении angular2/ionic 2 typescript?
Мне удалось использовать библиотеку Numeral.js в моих приложениях angularJs(1.x) для форматирования моих чисел в разных форматах. Вот как я использую фильтры angular1:
filter.js
.filter('numeral', function () {
return function (count) {...
5255 просмотров
schedule
21.07.2022
Как вызывать pipe только при изменении значения
Я использую angular 2 с primeng p-dropdown и имею случай, когда мне нужно отфильтровать дочерний раскрывающийся список, когда пользователь выбирает родительский. Я сделал это с помощью специальной трубы, например
<p-dropdown...
6232 просмотров
schedule
16.05.2024
фильтровать десятичные значения в угловой 2 трубе
Я создал канал, который фильтрует числа, но тот же канал не работает, когда я пытаюсь отфильтровать десятичные значения. Может ли кто-нибудь сказать мне, как это сделать. Ниже то, что я пробовал.
import { Pipe, PipeTransform } from...
170 просмотров
schedule
08.07.2023
Запускать канал Angular 2 после обновления страницы с данными из обещания
В моем приложении у меня есть таблица, заполненная массивом, и я использую для нее фильтр. В OnInit вызывается обещание для получения данных. Теперь проблема в том, что после обновления значение _projects (и входной параметр преобразования) не...
545 просмотров
schedule
26.04.2023
Проблема при использовании строковой операции и канала вместе
У меня есть HTML в шаблоне Angular 2.0, например:
<span> Total Employee {{employeeCount> 0 ? '(' + employeeCount+ ')' : ''}} ></span>
Мой customFormatter принимает значение и форматирует его с разделителем запятой, если это...
44 просмотров
schedule
02.07.2023
Как использовать пайпы в компоненте
Я хочу использовать datePipe в своем компоненте. Я следовал инструкциям здесь , но столкнулся с
Error: StaticInjectorError[DatePipe]:
StaticInjectorError[DatePipe]:
NullInjectorError: No provider for DatePipe!
Вот мой код:
Компонент...
34054 просмотров
schedule
25.05.2023
Использование пользовательского двустороннего канала в реактивных формах
Я использовал этот пост, чтобы создать собственный канал и применить его к своей реактивной форме. Применение канала или преобразования к значению реактивной формы
Это отлично работает при загрузке формы, значения умножаются на коэффициент.
А...
746 просмотров
schedule
01.07.2023
Труба Angular 6 не поддерживает конструктор
Это моя date-formatter-by-timezone.pipe.ts трубка
import { Pipe, PipeTransform } from '@angular/core';
import { CookieService } from 'ngx-cookie-service';
@Pipe({
name: 'dateFormatterSecByTimezone'
})
export class...
4300 просмотров
schedule
01.02.2023
Чтобы отобразить данные json в алфавитном порядке
Это мой (customer.component.html) файл
<input type="text" [(ngModel)]="name" (ngModelChange)="onNameChange()">
<div *ngFor="let s of filteredScreenshots">
{{s | json}}
</div>
<mat-card class="example-card" *ngFor="let...
871 просмотров
schedule
31.10.2022
угловые трубы индекс ошибки
у меня есть одна небольшая проблема, которая случилась со мной вчера, и с тех пор я не могу ее отладить, почему. Я сделал несколько угловых приложений с каналами, и у меня никогда не было проблем с этим синтаксисом, который я опубликую ниже, но теперь...
299 просмотров
schedule
02.11.2022
Angular 6 Преобразование строк в несколько столбцов
Я работаю над приложением и пытаюсь отформатировать ссылки на отчет так, как я хочу. В идеале должно быть 3 или 4 строки и не менее 6 столбцов в ширину. Я знаю, что мне нужно использовать конвейер, чтобы помочь с форматированием, я просто не могу...
219 просмотров
schedule
22.12.2023
Номер формата с угловой трубой EUR
Мне нужно отформатировать число следующим образом:
10,00
1.000,67
1,78
(целая часть может иметь неопределенное количество цифр, а десятичная часть должна быть равна 2)
Итак, предположим, что это html
<input type="number"...
1029 просмотров
schedule
06.01.2024
Как работает этот канал Angular, используемый для динамического поиска терминов, вставленных во входной тег в моем представлении?
Я новичок в Angualar и следую этому официальному руководству по Angular: https://angular.io/tutorial/toh-pt6
и у меня есть некоторые сомнения в том, как это работает, это мой закомментированный код класса HeroSearchComponent :
import {...
941 просмотров
schedule
21.07.2023
Передать несколько значений в канал в Angular 6
Мне нужно создать форму поиска в Angular 6 с каналом и передать несколько аргументов в канал.
nameSearch , emailSearch , roleSeach , accountSearch
<tr *ngFor="let user of data | searchuser: nameSearch" ></tr>
а это моя...
19664 просмотров
schedule
17.01.2023
пользовательский канал для фильтрации списка из двух дат в angular 5
У меня есть собственный канал для фильтрации списка по дате, и он работает без аргументов.
<tr *ngFor="let account of accounts | customRangeFilter">
@Pipe({
name: 'customRangeFilter'
})
export class CustomRangeFilterPipe implements...
434 просмотров
schedule
14.07.2023
