Как использовать трубы в тс не HTML

Question

Я добавление текста в HTML элемент из TS

как этот

this.legend.append('text') 
    .attr('x', legendRectSize + legendSpacing) 
    .attr('y', legendRectSize - legendSpacing) 
    .text(function(d) { return d; }); 

это будет создавать HTML как

<text>Data will come here</text> 

Я хочу использовать трубу преобразовать эти данные в какую-то форму как я могу это сделать из кода ts?

и, как я создаю этот HTML динамически я не могу использовать трубу как этот

<text>{{Data will come here | pipename}} </text> 

Ищу somethig как

this.legend.append('text') 
    .attr('x', legendRectSize + legendSpacing) 
    .attr('y', legendRectSize - legendSpacing) 
    .text(function(d) { return d; }).applypipe('pipename'); 

Answer 1

Если Pipename Ваш заказ трубы затем, если вы хотите использовать то же самое в вашем ts-файле, то вы можете использовать ниже код

import {Pipename} from './pipename'; 

Pipename.prototype.transform(arguments);//this is how u can use your custom pipe 

Answer 2

Сначала импортируйте свою трубку в c omponent. И затем используйте свою трубку в своем компоненте. Как это ..

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 (Использование в коде машинопись)

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

xyz.html (Используйте в вашем HTML файле)

<ul> 
    <li *ngFor="todo for todos | filter:'txtsearch'"> {{todo.name}} </li> 
</ul>