Блог

Чтобы объяснить текущую ситуацию на примере, я импортировал «1.css», используя тег «link» в «index.html » для глобального использования,

   <link href="assets/css/1.css" rel="stylesheet" type="text/css" />
  

Среди трех компонентов a, b, c,
Я не буду использовать «1.css» в шаблоне компонента «c».

Итак, как я могу отключить css?

$(‘link[href=»assets/css/1.css»]’).each(функция () { this.remove(); });

Вам нужно поместить это в функцию загрузки jquery

Я решаю эту проблему следующим образом.

 ngOnInit(): void{
this.disableCSS("1.css", true);
}

...

  disableCSS(cssFileName: string){
    for (let i = 0; i<= document.styleSheets.length; i   ){
      if( typeof document.styleSheets[i] !== 'undefined' ){
        if( typeof document.styleSheets[i].href !== "undefined" amp;amp; document.styleSheets[i].href !== null){
          if( document.styleSheets[i].href.includes( cssFileName ) ){
            document.styleSheets[i].disabled = true;
          } 
        }
      }
    }
  }
  

и повторно отключить CSS, например:

 ngOnDestroy(){
this.disableCSS("board.css", false);
}