媒體查詢打印的角度4指令

Question

試圖製作一個指令，使用打印媒體查詢來隱藏元素。在純CSS，它看起來像這樣：

@media print { 
    .no-print { 
    display: none; 
} 

我如何使用elementRef的指令適用於這一點，這是我到目前爲止有：

constructor(el: ElementRef) { 
    el.nativeElement.setAttribute('style', 
    `@media print { 
    display: none; 
    }` 
); 
} 

Answer 1

這可能是這樣的：

@Directive({ 
    selector: '[myDirective]', 
}) 
export class MyDirective { 

    @HostBinding('class') 
    elementClass = 'custom-theme'; 

    constructor() { 
    } 
}