2016-08-23 5 views
0

下にスクロールするとDOM再レンダリングに奇妙な問題が発生します。私は、ページ上でレンダリングする必要があるOEmbedデータをたくさん持っていますが、スクロールしたすべての埋め込みコンテンツを再ロードせずにレンダリングできないようです。DOMスクロールイベントでIFrameを再接続する

https://plnkr.co/edit/qklbNzvDSOzoI2t0K7fA?p=preview

私は今、この権利のようなものがあります。

<div class="content embed" *ngIf="item.template == 'embed'"> 
    <span [innerHTML]="trustHtml(item.embed.html)"></span> 
</div> 

再レンダリングが発生しないようにする方法上の任意のアイデアを?

答えて

1

私はループ内でtrustHtmlを実行していたためです。私はそれをAPIレスポンスレイヤーに抽象化しました。これは今の魅力のように機能します。だから、代わりに:

<div class="content embed" *ngIf="item.template == 'embed'"> 
    <span [innerHTML]="item.embed.html"></span> 
</div> 

をそして、私のAPIレスポンス層に(結果は観測者によってコンポーネントに渡される前に)私が持っている::

<div class="content embed" *ngIf="item.template == 'embed'"> 
    <span [innerHTML]="trustHtml(item.embed.html)"></span> 
</div> 

私がやっている

item['html'] = this.sanitizer.bypassSecurityTrustHtml(item['html']); 
関連する問題