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 的視圖。