Angular: limitTo pipe funktioniert nicht

9

Ich versuche, limitTo pipe auf Angular2 in einer Zeichenfolge auszuführen:

%Vor%

Und ich bekomme den folgenden Fehler:

%Vor%

Ist es möglich, dass dieses Rohr in Angular2 entfernt wurde?

Das ist mein app.module

Importieren Sie {TruncatePipe} von './limit-to.pipe';

%Vor%

Meine Rasterkomponente, die die Pipe verwendet:

%Vor%

Meine Rohrdefinition:

%Vor%

Und schließlich meine Vorlage:

%Vor%     
Yuvals 13.10.2016, 18:32
quelle

3 Antworten

14

Zuerst müssen Sie eine Pipe erstellen.

%Vor%

Fügen Sie die Pipe in die Datei module.ts

ein %Vor%

Verwenden Sie dann die Pipe im Bindungscode:

%Vor%

Demo bottle

    
Libu Mathew 13.10.2016, 18:39
quelle
33

Um auf Ihre Frage zu antworten, wenn sie entfernt wurde: ja und nein. limitTo scheint entfernt zu werden, aber es gibt eine slice pipe, die im Grunde dasselbe tut wie limitTo und sowohl für Strings als auch für Listen verwendet werden kann. Es gibt Ihnen auch die Möglichkeit, Ihre Begrenzung bei einem gegebenen Startindex zu starten, der ordentlich ist.

In deinem Fall wäre ein einfaches {{ item.description | slice:0:20 }} genug. Es sei denn, du möchtest mehr Erfahrung beim Schreiben deiner eigenen Pipe sammeln, was ich sogar ermutige;)

Quelle und Dokumentation: Ссылка

    
Daniel Varela 14.02.2017 10:06
quelle
1

Sie können stattdessen ng2-truncate verwenden

Es hat mehr Optionen wie: trunkiere nach Wörtern, trenne nach Zeichen, trenne linke Seite (... abc) ....

%Vor%

Erklärungen

%Vor%

Komponente

%Vor%

Ergebnis:

%Vor%     
Frank Nguyen 10.07.2017 07:44
quelle

Tags und Links