title: How to edit an item which is created using a single form on Angular2?
body: <p>I am new to angular2 &amp; I have a form which can add more item to a page (item with <code>name</code> &amp; <code>decription</code>). This works really well, I can keep on adding new item to my list. </p>
  
  <p>However, each of this item has its own <code>edit</code> &amp; <code>delete</code>. How can I <code>edit</code> and <code>delete</code> each of the item using that only 1 form?</p>
  
  <pre><code>&lt;form #formExperiencesRef="ngForm"&gt;
      &lt;label for="name"&gt;name&lt;/label&gt;
      &lt;input id="name" type="text" name="fruit [(ngModel)]="formData.name"&gt;
  
      &lt;label for="description"&gt;description&lt;/label&gt;
      &lt;input id="description" type="text" name="fruit [(ngModel)]="formData.description"&gt;
  
      &lt;button (click)="onSubmit(formExperiencesRef.value)"&gt;&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>This single form is what I use to keep on adding new item. And now I find it hard to <code>edit</code> the item that I created using this. Can someone help me?</p>