title: In AngularJS 1.6, how to avoid a error [ngModel:numfmt] even if ng-if is correct?
body: <p>I have a weird bug. I need to display an input[type="text"] or input[type="number"] depending of a value in a condition ng-if :</p>
  
  <pre><code> {{ column.item === 'number' }}
   &lt;input ng-model="inserts[pointers.headings.content.tabInserts - 1].dados[0][columnId].value"
          class="form-control"
          placeholder="{{ column.default }}"
          ng-if="column.item === 'text' &amp;&amp; !column.extra"/&gt;
    &lt;input
         ng-model="inserts[pointers.headings.content.tabInserts - 1].dados[0][columnId].value"
         class="form-control"
         type="number"
         placeholder="{{ column.default }}" 
         ng-if="column.item === 'number' &amp;&amp; !column.extra" /&gt;
  </code></pre>
  
  <p>I have a weird result : ... when <strong>inserts[pointers.headings.content.tabInserts - 1].dados[0][columnId].value</strong> is a string after the previous one was a number.</p>
  
  <p>Even if {{ column.item === 'number' }} display correctly "False" and the second input will not be displayed, AngularJS continue to send this error :</p>
  
  <blockquote>
    <p>Error: [ngModel:numfmt] <a href="http://errors.angularjs.org/1.6.4/ngModel/numfmt?p0=John" rel="nofollow noreferrer">http://errors.angularjs.org/1.6.4/ngModel/numfmt?p0=John</a></p>
  </blockquote>
  
  <p>Why ? It should not try to do this. Someone has got an idea ?</p>