title: error TS2339: Property 'value' does not exist on type 'ElementRef<any>'
body: <p>I have this problem:</p>
  <p>error TS2339: Property 'value' does not exist on type 'ElementRef'.</p>
  <p>I have a .html file with this code:</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-html lang-html prettyprint-override"><code>&lt;ion-content&gt;
    &lt;ion-input placeholder="Enter Name" type="text" #name name="name" &gt;&lt;/ion-input&gt;
    &lt;ion-input placeholder="Enter Surname" type="text" #surname name="surname" &gt;&lt;/ion-input&gt;
    &lt;ion-input placeholder="Enter Type" type="text" #type name="type" &gt;&lt;/ion-input&gt;
    &lt;ion-button (click)="addNewUser()"&gt;Add New User&lt;/ion-button&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>and a file .ts with this code:</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>export class FirstPage implements OnInit {
  
    springUsers: SpringUser[];
    @ViewChild('name') name: ElementRef;
    @ViewChild('surname') surname: ElementRef;
    @ViewChild('type') type: ElementRef;
    
    ///[...]
    
    
    addNewUser(){
      console.log('addNewUser');
      let tempUser: SpringUser;
      tempUser = {
        name: this.name.value,
        surname: this.surname.value,
        type: this.type.value,
        email: 'email@gmail.com',
        password: '',
        passwordToVerify: ''
  
      } ;
  
      tempUser.name = this.name.value;
      tempUser.surname = this.surname.value;
      tempUser.type = this.type.value;
  
      this.springUserService.postSpringUser(tempUser).subscribe(data =&gt; {
        console.log('inserted user', data);
      });</code></pre>
  </div>
  </div>
  </p>