首页 > 解决方案 > 角度乘以表格的一行

问题描述

在我的代码中,我有一个表格,用户可以在表格中添加一个新的空行。我在每一行旁边放了一个乘法按钮。我希望用户能够单击此按钮,当一个对话框打开并且他说乘法时,我希望将具有相同信息的该行的副本添加到表中。我不知道如何执行此任务。这是我的代码,我该如何管理?

复制对话框组件的 HTML:

<button mat-stroked-button class="amber-fg mr-12" (click)="multiply()">Multiply</button>

TS:

  multiply(){

  }

表格组件的 TS:

addNewWorkItem() { //adds a new, empty row
    let item: IWorkItem = {};
    item.WorkItemStateType = this.workItemStates[0];
    item.Product = {};

    let tempData = this.dataSource.data.splice(0);
    tempData.unshift(item);

    this.dataSource = new MatTableDataSource(tempData);
    this.EditIndex = 0;
    this.products = [];
}

openCopyDialog(prm) {
    const dialogRef = this._dialog.open(CopyDialogComponent, {
        width: "700px",
        data: prm,
    });

    dialogRef.afterClosed().subscribe((result) => {
        //console.log(result);
    });
}

标签: javascripthtmlangulartypescript

解决方案


推荐阅读