如何在Angular，material中的组件中获取弹出窗体值？

Question

我用“ADD＆＃39;”制作了一个数据表。和编辑＆＃39;选项。如果用户单击添加按钮，将弹出一个弹出窗口。它会询问元素名称和符号。用户单击保存按钮。 我没有在组件中获取表单值，在数据表中我们有一个编辑选项。如果用户单击特定行的编辑按钮，则元素名称和符号应显示在同一弹出窗口中。截至目前，这不起作用任何人帮助我前进。

下面是我的第一个屏幕，您可以通过添加和编辑按钮

查看数据表

如果用户按下“添加”按钮，当用户单击“添加”按钮时，此弹出窗口将显示两个下拉列表我未获得选定值

期待两件事

1. 当用户点击ADD时，我应该在组件
中获得选定的下拉值
2. 当用户单击“编辑”按钮时，我应该在同一个弹出窗口中获取元素名称和元素符号

Demo

project

Answer 1

我在您的代码中使用 FormGroup 进行了一些更改

 public dialogRef: MatDialogRef<DialogOverviewExampleDialog>,
    @Inject(MAT_DIALOG_DATA) public data: any,
    private formBuilder: FormBuilder) { 
     console.log(data);
     this.name = data.element.name;
     this.symbol = data.element.symbol;
     this.addTaskForm = this.formBuilder.group({
     name: this.name,
     symbol: this.symbol,
 });

<强> HERE IS THE WORKING DEMO