Angular 打开新窗口并显示 xml

Question

我想在单击事件后打开一个新窗口并显示一个 xml 结构。 我不希望该浏览器解释我的 xml。

我试过这个：

window.open('data:text/xml;charset=utf-8,<?xml version="1.0" encoding="UTF-8"?><RootTag>'+xml+'</RootTag>', "", "_blank")

使用 chrome 这不起作用。

Answer 1

你在这里有两个问题

1. 要打开窗口，请使用弹出/模态控件（例如NgBootstrap Modal ）或使用角度路由导航到不同的页面。

2. 只显示 xml 用插值写它。 像这样的东西。

 <div style="white-space:pre; font-size:12px; font-family:monospace;">{{getXML()}}</div>

在组件中，

 getXML() { return "<RootTag>xml</RootTag>"; }

请查找示例代码。

Answer 2

我在 component.ts 中用这段代码解决了这个问题

    let blob = new Blob([text], {type: 'text/xml'});
    let url = URL.createObjectURL(blob);
    window.open(url);
    URL.revokeObjectURL(url);

这将打开一个新窗口，其中包含仅用于 xml 的视图。