Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如果在“打印”对话框中单击“取消”,如何关闭选项卡?_Angular - Fatal编程技术网

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;

}());
参考:

我没有在这里测试过这个特定的代码,但是以前做过类似的测试