如何使用角度8打印表中的选定行？

Question

我有一个表，表中有多个字段，

而且我想使用复选框来选择行。

name     Age      date
-----------------------
aaa      22       12-06-2019
bbb      23       13-06-2019
ccc      24       21-09-2019

场景：

1。使用复选框选择行

2。在选择i时必须获取该行的id（每行都有id）

3。我想将URL传递为（http://url/1,2,3），其中1,2,3是多个字段的ID。

4。然后我必须打印该值。

问题：

1. 我如何通过选择复选框来获取ID？

2. 如何使用角度8打印所选行？

有人可以帮我吗？

Answer 1

您可以在URL的查询参数中传递ID。

constructor(
  private router: Router,
  private route: ActivatedRoute,
) {}

changeQuery() {
  this.router.navigate(['.'], { relativeTo: this.route, queryParams: { ... }});
}

我如何通过选择复选框来获取ID？

您可以使用

check(values, id){
  console.log(values.currentTarget.checked, id);
}

<tr *ngFor="let test of tests"  >
  <td>
    <input type="checkbox" (change)="check($event, test.id)" [(ngModel)]="test.selected" > {{test.name}} - {{test.selected}}
  </td>
</tr>

如何使用角度8打印所选行？

<div *ngFor="let row of selectedRows">
  <lable>row.col1</lable>
  <lable>row.col2</lable>
</div>