title: How to apply pipe on angular 2 formcontrolname
body: <p>I am applying number pipe on my formcontrolname. The formcontrolname has value on some action in html.
  When the form loads it has empty value.
  Below is my code, I see the error below when loading the screen.</p>
  
  <p>When tempValue is 123, I need to display 123.00
  If value is 777.45, I need to display 777.45</p>
  
  <pre><code>&lt;input  type="number" formControlName="{{tempValue | number:'3.2'}}"  id="tempValue" name="tempValue" &gt;
  </code></pre>
  
  <p>ERROR Error: InvalidPipeArgument: '[object HTMLInputElement]' for pipe 'DecimalPipe'</p>