如何呈現從ion-content內的API加載的html

Question

我正在以這種方式打開模式：

const modal:HTMLIonModalElement =
   await this.modalController.create({
      component: ModalLoteinfoPage,
      componentProps: {
         pageBody:pageBodyLoadedFromAPI
      }
});

然后我試圖將內容pageBody作為HTML放入ion-content

<ion-content>

  <div [innerHTML]="{{pageBodyLoadedFromAPI}}"></div>

</ion-content>

所以我得到這個錯誤：

Error: Uncaught (in promise): Error: Template parse errors:
Parser Error: Got interpolation ({{}}) where expression was expected at column 0 in [{{pageBody}}] in ng:///ModalLoteinfoPageModule

此錯誤的確切含義是什么？ 我該如何實現？

Answer 1

如果使用綁定[]，則不必使用插值{{}}，而只需使用變量名。

<div [innerHTML]="pageBodyLoadedFromAPI"></div>

如果不使用綁定，則必須使用插值

<div innerHTML="{{pageBodyLoadedFromAPI}}"></div>

Answer 2

pageBodyLoadedFromAPI是一個角度變量。 無需{{}}

<div [innerHTML]="pageBodyLoadedFromAPI"></div>