'Collect data from a particular column in Angular table

I have a table that uses an array to populate its rows. The ‘Value’ column has input fields to insert some data. So what I need to know is how can I collect all the data on ‘Value’ column after inserting data? Can I use ‘formGroup’, or is there anything similar to that? Please note, the number of rows always change based on the array size. Really appreciate your help. Thank you.

enter image description here

Component.ts file

export class AppComponent {
 members = [
   {
     dataLimit: 'Package 1: Voice',
     value: 0,
     uom: 'Minutes',
   },
   {
     dataLimit: 'Package 2: SMS',
     value: 0,
     uom: 'Units',
   },
 ];
}

HTML file

<div>
  <table>
    <thead>
      <tr>
        <th></th>
        <th>Value</th>
        <th>Unit of Mesure</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let member of members">
        <td>{{ member.dataLimit }}</td>
        <td><input type="text" value="{{ member.value }}" /></td>
        <td>{{ member.uom }}</td>
      </tr>
    </tbody>
  </table>
</div>


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source