首页 文章

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

提问于
浏览 次
-1

我使用'ADD'和'EDIT'选项创建了一个数据表 . 如果用户单击添加按钮，将弹出一个弹出窗口 . 它会询问元素名称和符号 . 用户单击保存按钮 . 我没有在组件中获得表单值，在数据表中我们有一个编辑选项 . 如果用户单击特定行的编辑按钮，则元素名称和符号应显示在同一弹出窗口中 . 截至目前，这是行不通的，任何人都可以帮助我前进 .

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

enter image description here

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

期待两件事

  • 当用户单击ADD时，我应该在组件中获得选定的下拉值

  • 当用户单击“编辑”按钮时，我应该在同一个弹出窗口中获取元素名称和元素符号

Demo

project

angular typescript material-design angular-material

1 回答

  • 2

    我在您的代码中使用 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

    回复于

相关问题