从URL保存HTML数据

Question

我需要在网页上显示外部HTML5内容（使用Angular 6）。 我无法使用iFrame标记，因为服务器仅允许“相同来源”。 我尝试使用FileSaver.js，但是如何保存HTML内容，然后将其显示在我的网站上？

Answer 1

如果您有文件网址，则可以使用blob和URL.createObjectURL将其用于iFrame（显示）

import { DomSanitizer } from '@angular/platform-browser'
constructor(sanitizer : DomSanitizer)

let blob = new Blob([urlString]);
this.frameSrc = this.sanitizer.bypassSecurityTrustResourceUrl(URL.createObjectURL(blob));

如果需要下载，只需创建一个<a download ...></a>标签，其文件网址为href

Answer 2

我不确定它在Angular上如何工作，但这可能会有所帮助。 我已经在Javascript中完成了此操作：

<script type="text/javascript">
$( document ).ready(function() {
    document.getElementById("includeHeader").innerHTML = content.headerContent;
});

我有一个包含html的js文件。

var content = {
headerContent: 
'YOUR HTML HERE' }

这个想法是使用来自本地的Javascript将代码注入HTML。