Angular 2 srcdoc polyfill不起作用

Question

我正在使用Angular 2和angular-cli，我想添加srcdoc polyfill以支持Microsoft Edge。所以：

我添加到package.json https://github.com/jugglinmike/srcdoc-polyfill

我在polyfills.ts中导入了import 'srcdoc-polyfill/srcdoc-polyfill.min';。

我用过它：

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

偶然的，如果你问我iframeAutoHeight指令，这里是代码：

@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'
      );
    });
  }
}

Microsoft Edge 35忽略了srcdoc属性，关于问题是什么的任何想法？

我也接受变通办法。

Answer 1

由于某种原因，属性不起作用：

.md-scroll-mask { z-index: 2000; }
md-backdrop.md-dialog-backdrop { z-index: 2019; }
.md-dialog-container {  z-index: 2020; }