title: How to set property value in hidden input's tag. Angular 2
body: <p>I have component with template which have input's tag.
  I need to set somehow the value to my classes public property. </p>
  
  <p>How to do this?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>@Component({
     selector: 'delivery-additional-html',
     template: `&lt;input type="hidden" #var [value]="'123'"/&gt;`
  })
  class CustomDeliveryAdditionalHTML implements AfterViewInit {
  
     @Input('var') delivery_extra: any;
     
     ngAfterViewInit()
     {
         console.log(this.delivery_extra); //Show undefined
     }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to have in this.delivery_extra the "123" value.</p>