Estaba usando JQuery inputmask en uno de mis formularios junto con[(ngModel)], pero por alguna razón no trabajarán juntos. Usar cualquiera de los dos por sí solo funciona perfectamente bien, pero combinar los dos se rompe por completo[(ngModel)] y las nuevas entradas no se envían de vuelta al componente. Después de luchar con esto por un tiempo, pensé que usar las tuberías de Angular 2 sería una buena solución, sin embargo, tampoco puedo entender cómo hacer que esos dos funcionen juntos.

Aquí hay un código que estoy usando para probar mi tubería

<input [(ngModel)]="Amount" id="Amount" name="Amount" class="form-control" type="number" autocomplete="off">
<p>Amount: {{Amount | number:'1.2-2'}}</p>

Si escribo 12345, el<p> la etiqueta a continuación mostrará 12,345.00, que es exactamente como quiero que se filtre, pero no quiero tener la cantidad filtrada debajo de la entrada, quiero que la entrada misma muestre 12,345.00. Agregar esa misma tubería a langModel Me gusta esto:[(ngModel)]="Amount | number:'1.2-2'" me da el siguiente error.

Error del analizador: no se puede tener una tubería en una expresión de acción en la columna 10 en [Cantidad | número: '1.2-2' = $ evento]

¿Cómo puedo usar tuberías (o máscaras de entrada) dentro de una entrada con[(ngModel)]?