title: How to Rollback the ngModel two Way binding data in angular2
body: <p>I have a form in angular 2 with two way binding data value ([(ngModel)]) for edit and add functionality.</p>
  
  <p>User clicks the edit from the listing page and changes the value in the input , while editing the changed(new) values appear in the list page also, instead of the save clicks cancel button. Need to display the old value in listing page.</p>
  
  <pre><code>project-form.component.html
  ---------------------------
     &lt;input class="form-control"  type="text" size="30" pInputText [(ngModel)]="project.title" name="title" pTooltip="Enter your username"/&gt;
  
      &lt;ul class="list-group"&gt;
            &lt;li *ngFor="let event of project" class="list-group-item"&gt;
              &lt;span class="event_release"&gt;{{event.startDate | date: 'dd/MM/yyyy'}} &lt;/span&gt;&lt;br /&gt;
              &lt;strong&gt;{{event.title}}&lt;/strong&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
  
  Project-form.component.ts 
  -------------------------
  @Input() project: Project;
  </code></pre>
  
  <p>While submitting sending the variable  (this.project) holds updated values (tow way binding variable), need to be roll-backed if the user click the cancel button (this.project).</p>