我想在 Angular 中打开一个根本没有任何功能的新选项卡。它只是显示数据供用户打印的选项卡。我的问题是，在主应用程序中我调用来获取数据，但是当我打开新选项卡时，变量不保存来自主应用程序的数据。变量被重置，就好像它是 Angular 应用程序的新实例一样。
我通过执行以下操作创建了一个新选项卡：
window.open('#/print-report');
然后在我的应用模块中，上面的路由打开 PrintReportComponent：
{ path: 'print-report', component: PrintReportComponent},
但是在新选项卡中，我的程序中的每个变量都会在应用程序启动时重置为其默认值。如何将任何变量“保存”或“传递”到这个新选项卡？
【问题讨论】：
localStorage 保存域上的值。
标签： angular
你可以试试这样的：
打印报告：
/**
* Method is used to print report.
* @param response - html response.
*/
printReport(response) {
let data = response;
let Pagelink = "about:blank";
let pwa = window.open(Pagelink, "_new");
if (!pwa || pwa.closed || typeof pwa.closed == 'undefined') {
alert('Pop-up!', 'Please disable your Pop-up blocker and try again.', 'warning');
}
pwa.document.open();
pwa.document.write(data);
pwa.print();
}
下载报告：
/**
* Method is use to download file.
* @param data - Array Buffer data
* @param type - type of the document.
*/
downLoadFile(data: any, type: string) {
var blob = new Blob([data], { type: type.toString() });
var url = window.URL.createObjectURL(blob);
window.open(url);
}
【讨论】：
尝试使用让您获取数据的服务，然后确保通过 url 中的 id 识别您的数据，然后您可以在 ngOnInit 的新选项卡组件中执行此操作：
this.activatedRoute.params.subscribe((param: any) => {
this.functionThatGivesYouData(this.activatedRoute.snapshot.params.id);
});
所以现在您可以通过 id 向相同数据发出新请求。否则，如果您持有机密信息，则应使用不安全的本地存储。
【讨论】：
正如@trichetriche 所评论的那样，只需使用本地存储
【讨论】：