title: View is not updating in ONLY some cases
body: <p>This method is used to add thousand separators for a input. it will remove non numeric characters and then pip will add separators in the view.
  but when the input is something like " 12hy " it doesn't work.If the is input is like " 12hy6 " it will give the output as expected like " 126 ".</p>
  
  <p><strong>What am I not understanding?</strong> when in the debugging actually the model changes as expected.BUT the view is same.</p>
  
  <p>In the model code is like this -></p>
  
  <pre><code>public onInputChange(event: string , id: any): any {
  
          switch (id) {
              case 'mgtFeeFromValue': {
                  this.mgtFeeFromValue = this.changeText(event);
                  console.log(this.mgtFeeFromValue);
                  break;
              }
  
  
              default: {
                  this.loggerService.logError('Cannot find case in switch statement line : 730');
                  break;
              }
          }
      }
  
  public changeText(str: string): any {
          if (typeof str === 'string') {
              const formattedNumber = parseFloat(str.replace(/\D/g, ''));
              return formattedNumber;
          } else if (typeof str === 'number') {
              return  str;
          }
      }
  </code></pre>
  
  <p>In the view - ></p>
  
  <pre><code>&lt;input
      [ngModel]="mgtFeeFromValue | number:'1.0-5'"
      (ngModelChange)="onInputChange($event ,'mgtFeeFromValue')"
      maxlength="8"
      class="reset-input-style w-100 text-right"
  &gt;
  </code></pre>
  
  <p>Here's a working example - ></p>
  
  <p><a href="https://stackblitz.com/edit/angular-g5l4ra?embed=1&amp;file=src/app/app.component.ts" rel="noreferrer">https://stackblitz.com/edit/angular-g5l4ra?embed=1&amp;file=src/app/app.component.ts</a></p>