Javascript 是否可以将数据从一个角度HTML表传递到一个组件，然后在其行中循环进行处理？

目前，我有一个表格，显示一个带有一个输入框的值列表。目标是用户填写每行的输入框，然后按submit。然后，我需要将所有值（如活动名称）从Account Name传递到Account Name，并将其对应的金额传递给component.ts中的一个变量

我的想法是，我可以有一个数组对象，我可以循环通过每一行

示例表：

活动名称从帐户名称到帐户名称金额
存款个人1银行1用户输入
取款银行1个人1用户输入
存款个人2银行1用户输入这里是一个工作示例：

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `<table>
    <caption>User actions</caption>
    <thead>
        <tr>
            <th>Activity Name</th>
            <th>From Account</th>
            <th>To Account</th>
      <th>Amount</th>
        </tr>
    </thead>
  <tbody>
    <tr *ngFor="let line of data;">
      <td>{{ line.activity }}</td>
      <td>{{ line.from }}</td>
      <td>{{ line.to }}</td>
      <td><input type="number" [(ngModel)]="line.amount"></td>
    </tr>
  </tbody>
</table>

<button (click)="submit()">Submit</button>`,
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  data = [
    { activity: 'Deposit', from: 'Personal1', to: 'Bank1', amount: 0 },
    { activity: 'Withdrawal', from: 'Bank1', to: 'Personal1', amount: 0 },
    { activity: 'Deposit', from: 'Personal2', to: 'Bank1', amount: 0 },
  ];

  submit() {
    for (let line of this.data) {
      console.log(line);
    }
  }
}

这将为数据对象中的每一行触发HTTP调用。试试看，告诉我你的情况

Observable.forkJoin(this.data.map(line => this.service.getData(line))).subscribe(results => {
  console.log(results);
});