Comment utiliser un tuyau dans ts pas en HTML

Je l'ajout de texte dans le html de l'élément de ts

comme ce

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

cela va créer le code html comme

<text>Data will come here</text>

Je veux utiliser le tuyau pour convertir ces données en une forme
comment puis-je le faire à partir de ts code ?

et comme je suis la création de ce HTML dynamiquement je ne peux pas utiliser de tuyau comme ça

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

Je suis à la recherche d'somethig comme

this.legend.append('text')
  .attr('x', legendRectSize + legendSpacing)
  .attr('y', legendRectSize - legendSpacing)
  .text(function(d) { return d; }).applypipe('pipename');
Veuillez préciser votre question. Je vais avoir des moments difficiles la compréhension de ce que votre e recherche.
est-ce bien maintenant ? @MorKadosh
s'il vous plaît ajouter votre tapuscrit code.

OriginalL'auteur Arun Tyagi | 2016-09-23

  1. 14

    D'abord importer vos canalisations dans le composant. Et puis utilisez votre tuyau dans votre composant. Comme cela..

    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;
        }
    }
  }
}

    composant.ts (à Utiliser dans votre tapuscrit code)

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

    xyz.html (à Utiliser dans votre fichier html)

    <ul>
    <li *ngFor="todo for todos | filter:'txtsearch'"> {{todo.name}} </li>
</ul>
    ma question est diffrenet comment utiliser cette pipe en javascript ou tapuscrit de code, mais pas en html
    ma réponse est également l'utilisation de la pipe à la machine..Pas le cas, utiliser en HTML
    pure: true est par défaut... (angulaire.io/guide/tuyaux#pur et l'impur-tuyaux)

    OriginalL'auteur Bharat Chauhan

  2. 8

    Si Pipename est personnalisé de votre tuyau, puis si vous voulez utiliser le même dans votre fichier ts, alors vous pouvez utiliser le code ci-dessous

    import {Pipename} from './pipename';

Pipename.prototype.transform(arguments);//this is how u can use your custom pipe
    merci beaucoup! il fonctionne!
    c'est exactement ce que je cherchais
    Vous contourner la constructor si, qui ont été utilisés dans la conduite de la Classe, et qui sait ce que @Pipe pourrait ajouter?

    OriginalL'auteur sudheer KB

  3. 2

    importation tuyau dans le composant

    import { PipeName } from './pipename'

    l'inclure dans l'offre 

    @Component({
    selector: 'pipe-using-component',
    templateUrl: './pipe-using-component.html',
    providers: [
        PipeName
    ],
})

    pour l'injecter dans le constructeur

    export class PipeUsingComponent {
  constructor(private pipeName: PipeName)
   }

   var requiredResult = this.pipeName.transform(passvalue);
}

    OriginalL'auteur R.C.VISHNU Vardhan

  4. 1

    Dans votre .ts

    import {YourPipe} from '/pipePath';


let value = new YourPipe().transform(param);

    OriginalL'auteur Zoha Irshad