Angular 2: Verwenden von Pipes mit ngModel

8

Ich habe die JQuery-Eingabemaske in einem meiner Formulare zusammen mit [(ngModel)] verwendet, aber aus irgendeinem Grund werden sie nicht zusammen funktionieren. Die Verwendung von einem selbst funktioniert einwandfrei, aber die Kombination der beiden vollständig bricht [(ngModel)] und neue Eingaben werden nicht zurück an die Komponente gesendet. Nachdem ich mich eine Zeit lang mit dem Problem herumgeschlagen hatte, dachte ich mir, dass die Verwendung von Pipes von Angular 2 eine gute Lösung wäre, aber ich kann mir nicht vorstellen, wie man diese beiden auch zusammenbringt.

Hier ist ein Code, den ich zum Testen meiner Pipe verwende

%Vor%

Wenn ich 12345 eintippe, zeigt das <p> -Tag unten 12.345.00 an, genau wie ich es filtern möchte, aber ich möchte nicht die gefilterte Menge unterhalb der Eingabe haben, die ich selbst eingeben möchte Anzeige 12,345.00. Das Hinzufügen der gleichen Pipe zum ngModel wie folgt: [(ngModel)]="Amount | number:'1.2-2'" gibt mir den folgenden Fehler.

  

Parserfehler: In Spalte 10 kann keine Pipe in einem Aktionsausdruck enthalten sein   in [Betrag | Nummer: '1.2-2' = $ Ereignis]

Wie kann ich Pipes (oder Eingabemasken) innerhalb einer Eingabe mit [(ngModel)] ?

verwenden?     
Brett 31.10.2016, 16:44
quelle

1 Antwort

23

[(ngModel)] ist eine kurze Hand für [ngModel] und (ngModelChange). Wenn Sie sie trennen, sollte es funktionieren (es funktioniert sicher mit der asynchronen Pipe):

%Vor%     
Meir 31.10.2016, 16:57
quelle