Stack Overflow
Stack Overflow

Questions tagged [angular-pipe]

Use for discussion of Angular 2+ pipes

An Angular pipe takes in data as input and transforms it to a desired output.

The first version of AngularJS, used the concept of filters to format the value of an expression for display to the user.

Angular (version 2 and on) introduced a similar concept, now called pipe.

671 questions
-1
votes
1 answer

Unable to display correct array details when it is clickable using pipe filter

I tried to implement search bar using pipe filter for my array which is clickable (something like the recipe list) and It filters my recipes by name. Its working fine, until I click on an item and it still has its old index, therefore giving me the…
ark
  • 3,707
  • 5
  • 21
  • 36
-1
votes
2 answers

not work pipe for search

i create pipe for search . when user select complete from selectbox it show complete products and when select the uncomplete show uncomplete product but when i use this code it not show me this Error : Unhandled Promise rejection: Template parse…
کیانوش
  • 3
  • 1
  • 5
-2
votes
1 answer

angular custom pipes unable to produce output

{{val | uxpipe}}

import { Component } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'fan'; …
sagar k
  • 1
  • 1
-2
votes
1 answer

Custom Angular pipe to display date according to locale of the application

I have three date formats displayed below :- en-GB – DD/MM/YYYY hh:mm:ss en-US – MM/DD/ YYYY hh:mm:ss zh-cn || zh – YYYY/MM/DD hh:mm:ss I have to develop an angular pipe which actually detects the locale /…
Mayank Purohit
  • 163
  • 1
  • 4
  • 17
-2
votes
1 answer

How to implement a custom pipe which replaces a dot with a comma?

I have a number with decimal points like --> 1.33 I want to convert the this value that instead a dot a comma is shown. I tried that with a custom pipe but that didn´t work. {{getMyValue() | number:'1.2-2' | commaConvert}} import { Pipe,…
JuNe
  • 1,911
  • 9
  • 28
-2
votes
1 answer

After upgrading from Angular5 to Angular7, slice pipe is going into infinite loops

I have upgraded my project from angular 5 to angular 7. After upgrading to latest, slice pipe is not working as expected. It is going into infinite loops in the angular core files. My browser screen also got struct in the same page. *ngFor="let…
Arron
  • 1,134
  • 2
  • 13
  • 32
-2
votes
1 answer

Angular 2+ update template values using pipe

I am writing a checkout view of a shopping cart where an array is displayed with the items to be purchased like this: app.component.html
I want to give the user the…
Andrés Sanchez
  • 99
  • 1
  • 10
-2
votes
1 answer

InvalidPipeArgument for pipe 'DatePipe'

I need to format a date in an angular application so I use the Date Pipe: {{myDate | date:'dd.MM.y'}} The date which I get from a webservice it comes in the following format: dd/mm/yyyy (ex.: 31/12/2017). So when I try apply the pipe to a date like…
igogra
  • 415
  • 1
  • 5
  • 18
-2
votes
1 answer

Angular Pipe to Hide Duplicates from Array

I want to create a pipe to check specific object, not all. This Pipe will have to hide duplicate. Pipe import { Pipe } from '@angular/core' @Pipe({ name: 'removeduplicates' }) export class RemovePipe { } Template
Sevensnake
  • 119
  • 1
  • 2
  • 14
-3
votes
1 answer

Why angular 6 is not recognizing a pipe with more than one argument?

First time making a question here, in StackOverflow... I'm trying to call a pipe that has two arguments. import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'showDateIntervenientValueForDesconhecido' }) export class…
fjcn97
  • 11
  • 4
-3
votes
2 answers

sort array starts with specific word or letter in angular2

I have a JSON response and I want to order by it which starts with specific words or letter. I need it to sort ItenaryFor which starts with "ItenaryFor": "Sightseen" please check below JSON response from API. here is my JSON: { "resultCode":…
Nikhil Radadiya
  • 1,995
  • 2
  • 20
  • 43
1 2 3
…
44
45