当SVG在Ionic3中动态加载时，SVG contentDocument为null

Question

我正在使用离子框架创建移动应用程序。 我认为加载SVG的步骤如下

<object id='svg-container' type="image/svg+xml" [data]="svgUrl" >
Your browser does not support SVG
</object>

当我尝试使用以下代码获取SVG contentDocument时

var mySvg = document.getElementById("svg-container");
mySvg.addEventListener("load", function() {
    console.log((mySvg as HTMLObjectElement).contentDocument);
}, false);

当SVG路径来自内部资产文件夹时，它可以正常工作，但是当SVG从服务器加载时，它不能工作，它在内容文档中返回null


在屏幕快照中，svg-container加载了一个文档，但是contentDocument返回为null
从URL而不是从资产文件夹加载SVG时如何获取内部文档。
它与网站没有任何关系，我正在寻找混合移动应用程序的解决方案。