title: DataBinnding in angular from popup to parent page using angular material tables
body: <p>I have a sample angular app where I have implemented data binding from popup to parent page and from parent page back again to popup.</p>
  
  <p>When I am clicking on save button in my popup window the data rows moved from first table to second are binded and displayed in the data table in my parent page.</p>
  
  <p>But second time when I open up the popup window again and without clicking on the save button if I just close the popup , the data which I binded earlier to the parent page is being deleted.</p>
  
  <p>Please access my <a href="https://stackblitz.com/edit/angular-table-data-swap-chusj2?file=app%2Ftable.component.ts" rel="nofollow noreferrer">sample app here..</a></p>
  
  <p>can anybody please help me in resolving this issue....!</p>