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

use pipe in ts file angulr

Sleepy Squirrel answered on September 1, 2021 Popularity 10/10 Helpfulness 3/10

answer use pipe in ts file angulr

related pipe angular typescript

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 10/10 Helpfulness 3/10 Language typescript

Source: stackoverflow.com

Tags: file pipe typescript

Link to this answer
Share Copy Link

Contributed on Jan 18 2022

Sleepy Squirrel

0 Answers Avg Quality 2/10

Closely Related Answers

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

Link to this answer
Share Copy Link

Contributed on Sep 01 2021

Depressed Dingo

0 Answers Avg Quality 2/10

use pipe in ts file angulr

Contents

More Related Answers

use pipe in ts file angulr

Closely Related Answers

pipe angular typescript

Grepper

Documentation

Social

Legal

Contact

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