Question

您好，我正在做一个角度为2的项目，我有一个材质对话框。正在将数据从我的父母传递到对话框，如下所示：

let infoDialog = this.mdDialog.open(ErrorDialogComponent, {
                        'data': {
                            'type': 'error',
                            'content': `<ng-container *ngFor="let x of data.status.message">
                            <label [innerHtml]="x"></label>
                          </ng-container>`,
                        },
                        'disableClose': true
                    });

在我的对话框中，我有如下所示的占位符

<div mat-dialog-content class="u-margin-top-24" [class.no-margin]="type === 'error'">
    <div class="row">
      <div class="col-12 content">
          <div [innerHtml]="content | translate"></div>
      </div>
    </div>
  </div>

某些内容如何不显示在对话框中。知道发生了什么事吗？

Answer 1

尝试这样：

使用content代替data.content

<div mat-dialog-content class="u-margin-top-24" [class.no-margin]="type === 'error'">
    <div class="row">
      <div class="col-12 content">
          <div [innerHtml]="data.content | translate"></div>
      </div>
    </div>
  </div>

如何在innerHtml Angular 2中呈现for循环？

1 个答案: