如何在Angular 4项目中使用ActiveXObject [英] How to use ActiveXObject in Angular 4 project

问题描述

我正在尝试像下面那样使用ActiveXObject

I am trying to use ActiveXObject like below

getActiveXObject(pdfCtrl) {
      return new ActiveXObject(pdfCtrl);
    }

    checkPDF() {
        let plugin = null;
            if (this.getBrowser() === 'ie') {
                plugin = this.getActiveXObject('AcroPDF.PDF') || this.getActiveXObject('PDF.PdfCtrl');
        }
        return plugin;
    }

它给出类似ActiveXObject的错误.在纯JS中，此方法有效，但在Angular/typesript编译阶段，它将引发错误.我该如何处理?

It gives error like ActiveXObject not found. In plain JS this works, but in Angular/typesript compilation phase it throws error. How do i handle this?

推荐答案

msxml的示例-ActiveXObject仅在IE中和使用本机方法的Chrome中可用:

example for msxml - ActiveXObject is available only in IE, in Chrome using native methods:

 import * as ts from "typescript";
 ...
  private loadMsXml(src: string): any {
    let code: string = `({
      Run: (data: string): any => {
        let doc = new ActiveXObject("Msxml2.DOMDocument.6.0");
        doc.async = false;
        doc.loadXML(data);
        return doc;
      })`;
    const e = eval;
    let result = ts.transpile(code);
    let runnalbe: any = e(result);
    return runnalbe.Run(src);
  }

  private transformXml(xmlDoc: any, xsltDoc: any): string {
    if (this.isBrowserIE()) {
      let xmlDocMS = this.loadMsXml(new XMLSerializer().serializeToString(xmlDoc));
      let xslDocMS = this.loadMsXml(new XMLSerializer().serializeToString(xsltDoc));
      let resultXml = xmlDocMS.transformNode(xslDocMS);
      return resultXml;
    }

    let xsltProcessor = new XSLTProcessor();
    xsltProcessor.importStylesheet(xsltDoc);
    let resultDoc = xsltProcessor.transformToDocument(xmlDoc);
    let resultXml = new XMLSerializer().serializeToString(resultDoc);
    return resultXml;
  }

这篇关于如何在Angular 4项目中使用ActiveXObject的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！