title: how to get input field name through event object in angular 2
body: <p>I am not sure whether its logical to get.
  Here is the html code for my input box.</p>
  
  <pre><code>&lt;input type="text" id="name" #name="ngForm" [ngFormControl]="userProfileForm.controls['name']"  
               [(ngModel)]="loggedUserInfo.name" (change)="firechange($event,'name')"
               /&gt;
  </code></pre>
  
  <p>and here is my firechange function</p>
  
  <pre><code> firechange($event, field){
        if(this.userProfileForm.controls[field].valid){
         this._userService.updateUserProfile(this.loggedUserInfo);
         this._userService.loadUserData(); 
        }
   }
  </code></pre>
  
  <p>I want to pass only the event in the firechange function and inside the fire change function I want to get the input field name from the event so that I can understand that which input field in my form triggered the event. Expected code will be something like that</p>
  
  <p>
  
  <pre><code>[ngFormControl]="userProfileForm.controls['name']"  
                   [(ngModel)]="loggedUserInfo.name" (change)="firechange($event)"
                   /&gt;
  
  firechange($event){
            if(this.userProfileForm.controls[$event.fieldname].valid){
             this._userService.updateUserProfile(this.loggedUserInfo);
             this._userService.loadUserData(); 
            }
   }
  </code></pre>
  
  <p>My ideal requirement is, in a form there are number of form fields, I don't even want to write firechange function in each individual form field. Is there any generic way to call the event on each input field value change for a particular form without writing it on each input field?</p>