将参数传递到mat对话框打开方法

Question

角度7.1，角度材料7.3

我正在尝试调用函数并传递一些值，它提示以下错误

未找到t1的组件工厂。您是否将其添加到@NgModule.entryComponents？

尽管t1包含在入口组件中。但一旦将传递值移除为固定值，它就会工作。

  <button mat-button (click)="openDialog('t1')">T1</button>
  <button mat-button (click)="openDialog('t2')">T2</button>

  openDialog(e) {
    console.log(e);
    const dialogRef = this.dialog.open(e);
    dialogRef.afterClosed().subscribe(result => {
      console.log(`Dialog result: ${result}`);
      dialogRef == null
    });
  }

@Component({
  selector: 't1',
  templateUrl: 't1.html',
})
export class t1 {}

@Component({
  selector: 't2',
  templateUrl: 't2.html',
})
export class t2 {}

但一旦我删除了该值并修复了＜code＞dialogRef。打开，它工作正常

const dialogRef = this.dialog.open(t1);

Answer 1

您应该发送变量而不是字符串。它应该是 t1 而不是 “t1”

  <button mat-button (click)="openDialog(t1)">T1</button>
  <button mat-button (click)="openDialog(t2)">T2</button>

public t1 = new t1();
public t2 = new t2();

或者您可以使用< code >模板变量尝试以下方法

  <t1 #test1></t1>
  <t2 #test2></t2>
  <button mat-button (click)="openDialog(test1)">T1</button>
  <button mat-button (click)="openDialog(test2)">T2</button>

Answer 2

试试这样的东西

constructor(
    public dialogRef: MatDialogRef<Component>,
    private dialog: MatDialog,
  ) { }


  openDialog(t1) {
    const dialogRef = this.dialog.open(NameComponent, {
      data: { t1 }
    });
    dialogRef.afterClosed().subscribe(data => {

  }

在对话框组件中检索时

 @Inject(MAT_DIALOG_DATA) public data: any,

希望它有效

Answer 3

这对我有用。你也可以参考这个链接。环

您可以使用＜code＞对话框ref.componentInstance。myProperty='some data'设置组件上的数据。

您可能需要类似这样的东西：

let dialogRef = this.dialog.open(DialogComponent, {
            disableClose: true,
        });
dialogRef.componentInstance.name = 'Sunil';

然后在您的DialogComponent中，您需要添加您的name属性:

public name: string;