title: How to refresh the angular formArray that using as datasource in material table
body: <p>How to refresh the formArray in material table when we make new api call (Filtered data). If I click <code>Filter data</code> button, it should refresh and load new data from api. Currently its not refreshing material table and its adding new data into form array. How I can fix this?</p>
  <p>Here is code: <a href="https://stackblitz.com/edit/angular-wrbkcc?file=src%2Fapp%2Fapp.component.html" rel="nofollow noreferrer">Demo</a></p>
  <p><a href="https://i.stack.imgur.com/6lzkk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6lzkk.png" alt="enter image description here" /></a></p>
  <p><strong>Current behaviour of table</strong>
  <a href="https://i.stack.imgur.com/JYdDJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JYdDJ.png" alt="enter image description here" /></a></p>