ディスプレイポップオーバーは、私は私のプロジェクトのための角度2を使用しています

Question

を表示画像の一覧からクリックされました。 ライブラリー：http://valor-software.com/ngx-bootstrap/#/popoverをクリックすると、アイテムをクリックするとポップオーバーが表示されます。アレイは、コントローラクラスから返される場合アイテム

<span *ngFor="let item of items;"> 
    <img class="itemClass" [src]="item.image"       
</span> 

：基本的に私は次のようにngForループを使用して、ページに表示される複数の画像を有します。

次に、各画像に対してIが置くと、私はポップオーバーを表示すると、対応するポップオーバーに表示されるコンテンツは、上記の項目オブジェクトに格納された各種の値に依存し、上記表示しました。これをどのように達成するのですか？ポップアップの内容は、クリックされた特定のイメージのための「アイテム」オブジェクトに非常に特有である必要があります。上記のリンクで

例は項目のリストからクリックされた特定の項目に基づいて、ポップオーバーでデータを表示する方法についての情報を提供していないようです。

Answer 1

は、ドキュメントhttp://valor-software.com/ngx-bootstrap/#/popover#dynamic-contentこのすべき作品によると：コントローラ

<span *ngFor="let item of items;"> 
    <img class="itemClass" [popover]="getItemContent(item)" [popoverTitle]="getItemTitle(item)" [src]="item.image"       
</span> 

とIn：

getItemContent(item){return `The content is ${item.someProp} some other text`} 

及び方法getItemTitle(item)