(Angular) 如何禁用组件模板中的“链接”标签？

Question

为了用一个例子解释当前的情况，我在“index.html”中使用“link”标签导入了“1.css”以供全局使用，

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

在a,b,c三个组件中，我不会使用"c"组件模板中的"1.css"。

那么如何禁用css呢？

Answer 1

$('link[href="assets/css/1.css"]').each(function() { this.remove(); });

你需要把它放在jquery onload fucntion里面

Answer 2

我是这样解决这个问题的。

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" && document.styleSheets[i].href !== null){
          if( document.styleSheets[i].href.includes( cssFileName ) ){
            document.styleSheets[i].disabled = true;
          } 
        }
      }
    }
  }

并像 thie 一样重新禁用 CSS：

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