Angular4打印处理程序

时间:2017-09-15 12:03:50

标签: angular

我正在使用Angular 4. HostListener似乎不支持window.onbeforeprint事件处理程序。对于chrome,我能够在HostListener之外为window.matchMedia(' print')添加一个监听器。但是这对IE和Firefox不起作用。在angular 4中使用window.onbeforeprint的最佳方法是什么。

@HostListener('window:onbeforeprint',['$event'])
onBeforePrint(event){
console.log('Before print');
}

https://plnkr.co/edit/4ZdLNklitwsucH0X6Azv

1 个答案:

答案 0 :(得分:3)

试试这个

import { Component, OnInit, Input, HostListener } from '@angular/core';
....
....
@HostListener('window:beforeprint',['$event'])
onBeforePrint(event){
console.log('Before print');
}

而不是'onbeforeprint'使用'beforeprint'