使用Angular 2+的WebODF

时间:2019-02-07 13:10:40

标签: angular webodf

我无法在Angular 6项目中使用WebODF库。

我按照以下步骤操作: 1)在我的index.html中导入库js:

<script src="assets/js/webodf/webodf.js" type="text/javascript" charset="utf-8"></script>

2)在角度组件中,我将尝试在网站中编写示例(“入门”)。因此,在我的角度分量的ngOnInit中,我编写了以下内容:

 ngOnInit() { 
    const odfelement = document.getElementById('odf'); 
    const odfcanvas = new odf.OdfCanvas(odfelement); 
    odfcanvas.load("myfile.odt");   
}`

浏览器执行以上语句时,出现以下错误:

ERROR TypeError: core.Utils is not a constructor
    at new odf.Formatting (webodf.js:254)
    at new odf.OdfCanvas (webodf.js:326)
    at SlidesViewerComponent.push../src/app/pages/training/slides-viewer/slides-viewer.component.ts.SlidesViewerComponent.ngOnInit (slides-viewer.component.ts:16)
    at checkAndUpdateDirectiveInline (core.js:10105)
    at checkAndUpdateNodeInline (core.js:11371)
    at checkAndUpdateNode (core.js:11333)
    at debugCheckAndUpdateNode (core.js:11970)
    at debugCheckDirectivesFn (core.js:11930)
    at Object.eval [as updateDirectives] (SlidesViewerComponent_Host.ngfactory.js? [sm]:1
    at Object.debugUpdateDirectives [as updateDirectives] (core.js:11922)

其中SliderViewerComponent是我的Angular组件。

能帮我吗?

非常感谢您。

0 个答案:

没有答案