Angular 2 Pipe on form input

Asked Mar 21 '18 at 18:11

Active Mar 21 '18 at 18:13

Viewed 83 times

I'm missing something.

Have a pipe on a phone number input. The pipe adds in the paraphrases and dash as you type.

<ion-input type="tel" name="cellPhone" id="cellPhone" [(ngModel)]="phoneNumber" name="cellPhone" id="cellPhone" value="{{phoneNumber|phoneMask}}"></ion-input>

Getting an error

ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: '1'. Current value: '(1'.

I know it has to deal with the binding of cellphone. Not sure which end to fix.

edited Mar 21 '18 at 18:13

Suraj Rao

29,388
11
94
103

asked Mar 21 '18 at 18:11

Max Power

try removing the value attribute and assigning the pipe to ngModel – Ricardo Mar 21 '18 at 18:28
This answer solved it. https://stackoverflow.com/questions/39642882/using-pipes-within-ngmodel-on-input-elements-in-angular2-view – Max Power Mar 21 '18 at 18:32

Angular 2 Pipe on form input

0 Answers0