メディア照会のための角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() { 
    } 
}