Angular 打开新的 window 并显示 xml

Question

我想在单击事件后打开一个新的 window 并显示一个 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. 要打开 window，请使用弹出/模式控件（例如 NgBootstrap Modal）或使用 angular 路由导航到不同的页面。

2. 为了显示xml插值写。像这样。

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

并且在组件中，

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

请查找sample code。

Answer 2

我用 component.ts

中的这段代码解决了这个问题

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

这将打开一个新的 window，其中的视图仅供 xml。