角2 srcdoc polyfillが機能しません

私はAngular 2をangular-cliで使用していますが、私はMicrosoft Edgeをサポートするためにsrcdoc polyfillを追加したいと思います。だから、：角2 srcdoc polyfillが機能しません

は私がpolyfills.tsでimport 'srcdoc-polyfill/srcdoc-polyfill.min';をインポートhttps://github.com/jugglinmike/srcdoc-polyfill

package.jsonに追加されました。

私はそれが好きで使用：あなたはIframeAutoHeightディレクティブのために私に言わせれば偶然

<iframe class="ticket-frame" [srcdoc]="ticket.html | htmlSafe" 
        tlIframeAutoHeight> 
</iframe>

を、ここでのコードは次のとおりです。

@Directive({ 

    selector: '[tlIframeAutoHeight]' 
}) 
export class IframeAutoHeightDirective { 

    constructor(element: ElementRef, renderer: Renderer) { 
    renderer.listen(element.nativeElement, 'load',() => { 
     renderer.setElementStyle(
     element.nativeElement, 
     'height', 
     element.nativeElement.contentWindow.document.body.clientHeight + 'px' 
    ); 
    }); 
    } 
}

マイクロソフトエッジ35は、およそ任意のアイデアをsrcdocプロパティを無視していますどうしたの？

回避方法も受け入れます。属性が動作しないいくつかの理由

出典

2017-02-15 Serginho

：

<iframe #frame></iframe> 

import * as srcDoc from 'srcdoc-polyfill'; 

@ViewChild('frame') 
public iframe:ElementRef; 

srcDoc.set(this.iframe.nativeElement, "<html><body>test</body></html>");

出典

2017-02-22 00:02:15 kemsky

これは良い答えです。この例では技術的にはポリ充填されていませんが、それはむしろ芸術の用語を嫌うことがありますので、このアプローチはライブラリコードではうまくいくかもしれませんが、 'import 'srcdoc-polyfill'アプリケーションコードでは、ポリ充てんポイントのようなものです。 Btw、upvoted！ –

私はpolyfillが実行されたときにページに存在するiframeだけをpolyfillすると思います。 – kemsky

いいえ、何もポリフィルしません。これは問題ありません。ポリ充てんされたビヘイビアを関数としてインポートしています。 –

角2 srcdoc polyfillが機能しません

答えて

関連する問題