title: How can i edit specific row in table using angular5?
body: <p>I have a table in my component having multiple records. I want to edit specific row on click edit button in table. But when it is make all rows editable.</p>
  
  <p>I have my table like this</p>
  
  <p>I have a table in which there are multiple rows. When i click on edit button within table so it make all rows of the table editable. Here is my code at stackblitz </p>
  
  <p><a href="https://stackblitz.com/edit/angular-h4hgkz" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-h4hgkz</a></p>
  
  <p>When i click on edit button so it make all rows editable.</p>
  
  <p>I want only clicked row editable. How can i do it?</p>