在 primeNG 的 DialogModal 中添加图像？

Question

我正在尝试在 primeNG 的 DialogModal 中显示图像。

我该怎么做？

Html 部分：

<p-dialog header="Détails de la page" [(visible)]="displayDialog" 
 [responsive]="true" showEffect="fade" [modal]="true" width="1000"
(onAfterHide)="onDialogHide()">
   <div class="ui-grid ui-grid-responsive ui-fluid" *ngIf="selectedPage" 
     style="font-size:16px;text-align:center;padding:20px">
       <div class="ui-grid-row">
         <div class="ui-grid-col-12" style="text-align:center">
        {{selectedPage.pageId}}
             <img  src={{selectedPage.url}} width="45%" height="85% />
         </div>
       </div>
  </div>
</p-dialog>

结果是：

Answer 1

您似乎忘记了 html 中的引号。此外，使用对象绑定 [] 而不是插值 {{}}

改变

<img src={{selectedPage.url}} width="45%" height="85% />

到

<img [src]="selectedPage.url" width="45%" height="85%" />

在 primeNG 的 DialogModal 中添加图像？

add an image inside a primeNG's DialogModal?

angular

primeng