将 HTML 传递到 Mat 对话框

Question

将 HTML 传递到 Mat 对话框

我正在尝试将 HTML 作为消息参数传递到我的 Mat Dialog 代码中。所以我有以下内容，但不确定如何将 HTML 传递给它。

  openAlertDialog() {
    const dialogRef = this.dialog.open(AlertDialogComponent,{
      data:{
        message: '<!DOCTYPE html><html><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>',
        buttonText: {
          cancel: 'Done'
        }
      },
    });
  }

Run Code Online (Sandbox Code Playgroud)

我想在以下内容中添加 HTMLmessage

我在这里有一个代码的 stackblitz https://stackblitz.com/edit/mat-dialog-example-kchzml?file=app/app.component.ts

知道我该怎么做吗？

Answer 1

Sha*_*got 6

您可以使用innerHTML属性显示HTML 消息。改成下面的。

<mat-dialog-content [innerHTML]="message">
</mat-dialog-content>

Run Code Online (Sandbox Code Playgroud)

工作堆栈闪电战

归档时间：	5 年，4 月前
查看次数：	6444 次
最近记录：	5 年，4 月前