Angular 如果在“打印”对话框中单击“取消”,如何关闭选项卡?
我有这个方法:Angular 如果在“打印”对话框中单击“取消”,如何关闭选项卡?,angular,Angular,我有这个方法: print(data): void{ let printContents, popupWin; let trHtml = ''; for (let entry of data) { trHtml += `<tr> <td>` + entry.aaabroj + `</td> <td>` + entr
print(data): void{
let printContents, popupWin;
let trHtml = '';
for (let entry of data) {
trHtml += `<tr>
<td>` + entry.aaabroj + `</td>
<td>` + entry.bbbbroj + `</td>
<td>` + entry.sifratipa + `</td>
<td>` + entry.vrijemepoziva + `</td>
<td>` + entry.trajanjepoziva + `</td>
<td>` + entry.iznoskm + `</td>
</tr>`;
}
window.open('', 'popupWin', '');
window.print();
popupWin.document.write(`
<html>
<head>
<title>Detaljni izvještaj</title>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<table>
<tr>
<th>Pretp.broj</th>
<th>Pozvani broj</th>
<th>Tip poziva</th>
<th>Start</th>
<th>Količina</th>
<th>Cijena</th>
</tr>
`+trHtml+`
</table>
</body>
</html>`);
}
打印(数据):无效{
让打印内容,弹出窗口;
让trHtml='';
用于(让输入数据){
trHtml+=`
`+entry.aaabroj+`
`+entry.bbroj+`
`+entry.sifratipa+`
`+entry.vrijemepoziva+`
`+entry.trajanjepoziva+`
`+entry.iznoskm+`
`;
}
窗口。打开(“”,“”,“”,“”);
window.print();
popupWin.document.write(`
德塔利尼·伊兹维耶什泰姬酒店
桌子{
字体系列:arial,无衬线;
边界塌陷:塌陷;
宽度:100%;
}
td,th{
边框:1px实心#dddddd;
文本对齐:左对齐;
填充:8px;
}
tr:n个孩子(偶数){
背景色:#dddddd;
}
普雷特普·布罗伊
波兹瓦尼酒店
蒂普·波齐瓦
开始
科利奇纳
齐耶纳
`+trHtml+`
`);
}
现在,我在“打印”对话框中打开表格,但当用户单击“取消”时,它将关闭“打印”对话框,但该选项卡仍处于打开状态。有什么建议吗?如何关闭该选项卡?您不能直接从常规网页访问Chrome的内部窗口(本例中为打印对话框)
(function () {
var beforePrint = function () {
alert('Functionality to run before printing.');
};
var afterPrint = function () {
alert('Functionality to run after printing');
};
if ($window.matchMedia) {
var mediaQueryList = $window.matchMedia('print');
mediaQueryList.addListener(function (mql) {
if (mql.matches) {
beforePrint();
} else {
afterPrint();
}
});
}
$window.onbeforeprint = beforePrint;
$window.onafterprint = afterPrint;
}());
参考:
我没有在这里测试过这个特定的代码,但是以前做过类似的测试