angular - 尝试编辑时在角度 6 中单击按钮后，编辑页面弹出不起作用

Question

我在 Angular 6 中使用 CRUD。我的工作是单击填充数据的表中的编辑按钮，然后弹出窗口显示并编辑它，然后使用 angular 6 更新表。

请帮忙，提前谢谢。

我尝试添加如下按钮

弹出显示打开但没有

HTML 代码：

<td class="tbl2"> 
  <button type="button" (click)="OnClickFunction(employee.id)" class="btn btn-info" matTooltip="Click Edit Button">
   Edit
  </button> 
</td>

TS 代码：

OnClickFunction(employeeId: string) { 
  alert('move to Edit page'); 
  this.router.navigate(['/edit/'+employeeId]); 
} 

Answer 1

组件代码 constructor(private data: DataService, public dialog: MatDialog){ }

openDialog(): void { const dialogRef = this.dialog.open(UserProfileComponent, { height: '500px', width: '400px', data: {UserInfo : this.authRslt } });

html

<button (click)="openDialog()">Edit</button>
(You can pass particular id in click event)