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

Question

您好，我正在做一个 Angular 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

试试这样：

用data.content代替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>