primeNGのDialogModalの中に画像を追加しますか？

私はprimeNGのDialogModal内に画像を表示しようとしています。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>

結果は次のとおりです。

出典

2017-07-05 ShMswi

あなたのHTML内の引用符を忘れているようです。また、

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

出典

2017-07-05 21:19:42

から[]の代わりに、補間{{}}

変更

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

を結合使用目的は、私が前にあることを試していたが、それは動作しませんでした。それは表示します：8653 ShMswi

「高さ」も閉じられていないことがわかりました。私は 'height =" 85％ "' –

で答えを更新しました。そうです。ありがとう – ShMswi

primeNGのDialogModalの中に画像を追加しますか？

答えて

関連する問題