title: How can get popup form values in component in Angular,material?
body: <p>I made a datatable with 'ADD' and 'EDIT' options. If user click add-button one pop up will come. It will ask for element name and symbol. The user clicks a save button.
  I'm not getting form value in component and in the datatable we have an edit option. If the user clicks the edit button of a particular row, element name and symbol should show in the same popup. As of now, this is not working anyone helps me out to move forward.</p>
  
  <p>Below is my 1st screen you can able to see data table with add and edit button</p>
  
  <p><a href="https://i.stack.imgur.com/A1vWZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/A1vWZ.png" alt="enter image description here"></a></p>
  
  <p>if user press ADD button this popup will come with two dropdowns here when user click Add button I'm not getting selected value</p>
  
  <p>Expecting two things </p>
  
  <ol>
  <li>When the user clicks ADD I should get selected dropdown values in component</li>
  <li>When the user clicks Edit button I should get element name and element symbol in the same popup</li>
  </ol>
  
  <p><a href="https://angular-talrct.stackblitz.io" rel="nofollow noreferrer">Demo</a></p>
  
  <p><a href="https://stackblitz.com/edit/angular-talrct?file=app%2Ftable-basic-example.ts" rel="nofollow noreferrer">project</a></p>