Wie zu verwenden Rohr im ts nicht HTML

Ich das hinzufügen von text in html element von ts

wie diese

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

dadurch wird die Erstellung von html-wie

<text>Data will come here</text>

Ich verwenden möchten, Rohr konvertieren diese Daten in irgendeiner form
wie kann ich das von der ts-code ?

und wie erstelle ich diese HTML dynamisch kann ich nicht verwenden pipe wie diese

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

Ich bin auf der Suche nach somethig wie

this.legend.append('text')
  .attr('x', legendRectSize + legendSpacing)
  .attr('y', legendRectSize - legendSpacing)
  .text(function(d) { return d; }).applypipe('pipename');
Bitte klären Sie Ihre Frage. Ich habe harte Zeiten zu verstehen, was your ' E suchen.
ist das jetzt gut ? @MorKadosh
bitte fügen Sie Ihrem vollständig typescript-code.

InformationsquelleAutor Arun Tyagi | 2016-09-23

  1. 13

    Zuerst importieren Sie Ihre Rohr-in-Komponente. Und dann verwenden Sie Ihre Pfeife in Ihrer Komponente. Wie diese..

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

    Komponente.ts (Verwenden Sie in Ihrem Typoskript-code)

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

    xyz.html (Verwenden Sie in Ihrem html-Datei)

    <ul>
    <li *ngFor="todo for todos | filter:'txtsearch'"> {{todo.name}} </li>
</ul>
    meine Frage ist diffrenet, wie dieses Rohr in javascript und typescript code, der aber nicht in html
    meine Antwort ist auch die Verwendung Rohr in Maschinenschrift..Nicht, verwenden Sie in HTML
    pure: true ist Standard... (Winkel.io/guide/Rohre#rein-und unrein-pipes)

    InformationsquelleAutor Bharat Chauhan

  2. 8

    Wenn Pipename ist Ihre benutzerdefinierte Rohr dann wenn Sie möchten in Ihrem ts-Datei, dann kannst du folgenden code verwenden

    import {Pipename} from './pipename';

Pipename.prototype.transform(arguments);//this is how u can use your custom pipe
    vielen, vielen Dank! es funktioniert!
    das ist genau das, was ich suchte
    Sie umgehen die constructor obwohl, wenn, die verwendet wurden, in der pipe-Klasse, und wer weiß, was @Pipe hinzufügen könnte?

    InformationsquelleAutor sudheer KB

  3. 1

    import-Rohr in die Komponente

    import { PipeName } from './pipename'

    in die bietet 

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

    injizieren es in den Konstruktor

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

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

    InformationsquelleAutor R.C.VISHNU Vardhan

  4. 1

    In Ihr .ts

    import {YourPipe} from '/pipePath';


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

    InformationsquelleAutor Zoha Irshad

Schreibe einen Kommentar