title: Restrict number of decimals in html5 type="number" input field (with Angularjs model)
body: <p>Please find the fiddle 
  <a href="http://jsfiddle.net/q2SgJ/5/">http://jsfiddle.net/q2SgJ/5/</a></p>
  
  <pre><code>&lt;div ng-app=""&gt;
    &lt;div ng-controller="Ctrl"&gt;
  
        WANTS:  {{val | number:2}} in "input" elelent&lt;br&gt;
      2 decimal in input:  &lt;input  ng-model='val'&gt; &lt;br&gt;
      2 decimal in input:  &lt;input  type="number" step="0.01" ng-model='val'&gt;&lt;br&gt;
      2 decimal in input:  &lt;input  ng-model='val' value="{{val |number:2}}"&gt; &lt;br&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I restrict the decimal places to 2 digits in an INPUT field.  As in the example <code>{{val | number:2}}</code> works, but not sure how to use it to format the ng-model attached to an  field. I could have formatted the data/model itself, but I have few values I like to keep the extra decimal, but only display 2 decimal.</p>
  
  <p>Thanks.</p>