Breaking News: Grepper is joining You.com. Read the official announcement!

pipe angular typescript

Depressed Dingo answered on September 1, 2021 Popularity 10/10 Helpfulness 4/10

answer pipe angular typescript

related use pipe in ts file angulr

pipe angular typescript

Comment

import { YourPipeComponentName } from 'your_component_path';

class YourService {

  constructor(private pipe: YourPipeComponentName) {}

  YourFunction(value) {
    this.pipe.transform(value, 'pipeFilter');
  }
}

Popularity 10/10 Helpfulness 4/10 Language typescript

Source: stackoverflow.com

Tags: angular pipe typescript

Link to this answer
Share Copy Link

Contributed on Sep 01 2021

Depressed Dingo

0 Answers Avg Quality 2/10

Closely Related Answers

use pipe in ts file angulr

Comment

// pipe.ts
@Pipe({ name: 'filter', pure: true })
export class FilterPipe{
  transform(items: any[], args: any): any {
    let filter = args.toString();
    if(filter !== undefined && filter.length !== null){
        if(filter.length === 0 || items.length ===0){
            return items;
        }else{
            return filter ? items.filter(item=> item.title.toLocaleLowerCase().indexOf(filter) != -1) : items;
        }
    }
  }
}
// component.ts (Use in your typescript code)
const filterPipe = new FilterPipe();
const fiteredArr = filterPipe.transform(chkArray,txtSearch);
// 

First import your pipe in component. And then use your pipe in your component. Like this..

pipe.ts

/**
 * filter checkbox list
 */
@Pipe({ name: 'filter', pure: true })
export class FilterPipe{
  transform(items: any[], args: any): any {
    let filter = args.toString();
    if(filter !== undefined && filter.length !== null){
        if(filter.length === 0 || items.length ===0){
            return items;
        }else{
            return filter ? items.filter(item=> item.title.toLocaleLowerCase().indexOf(filter) != -1) : items;
        }
    }
  }
}

component.ts (Use in your typescript code)

const filterPipe = new FilterPipe();
const fiteredArr = filterPipe.transform(chkArray,txtSearch);

// xyz.html (Use in your html file)
<ul>
    <li *ngFor="todo for todos | filter:'txtsearch'"> {{todo.name}} </li>
</ul>

Popularity 9/10 Helpfulness 3/10 Language typescript

Source: stackoverflow.com

Tags: file

Link to this answer
Share Copy Link

Contributed on Jan 18 2022

Sleepy Squirrel

0 Answers Avg Quality 2/10

pipe angular typescript

Contents

More Related Answers

pipe angular typescript

Closely Related Answers

use pipe in ts file angulr

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.