Angular 在不同的组件和网页包中使用不同的样式表

我正在做一个有角度的网页项目，我必须为网页开发新的设计

以前的开发人员通过在index.html文件中引用Typebase.css来构建所有网页

现在我想为我的所有设计使用引导。当我尝试使用它时，我所有的CSS都在Typebase和bootstrap之间混乱不堪

在最终产品建立之前，我是否可以只使用新设计组件的引导，而只使用旧网页组件中的Typebase

我尝试过这个选项，但没有成功。那么，我可以将样式表包含在样式URL中而不是全局吗？如果是，那么怎么做

提前感谢您提供的任何小帮助。

是的，您可以做到

首先，您需要从index.html中删除Typebase.css

在每个旧组件中显式添加Typebase.css 例如：@组件({ 选择器：“selectorName”， templateUrl:“templateUrl” 样式URL:['./Typebase.css'] })

同样，您可以将样式URL中的bootstrap.css文件添加到新组件中

这不是最干净的方法，但应该可以。是的，你可以这样做

首先，您需要从index.html中删除Typebase.css

在每个旧组件中显式添加Typebase.css 例如：@组件({ 选择器：“selectorName”， templateUrl:“templateUrl” 样式URL:['./Typebase.css'] })

同样，您可以将样式URL中的bootstrap.css文件添加到新组件中

---

这不是最干净的方式，但应该可以使用。

如果所有旧网页都有容器组件，那么您可以在该组件中执行以下操作：

constructor (@Inject(DOCUMENT) private document) { }

ngOnInit() {
  let styleSheet = this.document.getElementById('your_style_link_id');
  //REMOVE IT 
}

因此，首先，您应该在index.html上包含这两种样式，并为它们各自指定一个ID

---

之后，在旧页面的容器组件上，您应该删除“引导”并添加旧样式表，在新页面的容器组件上，您应该删除旧样式表并添加引导。

如果所有旧网页都有容器组件，那么您可以在该组件中执行以下操作：

constructor (@Inject(DOCUMENT) private document) { }

ngOnInit() {
  let styleSheet = this.document.getElementById('your_style_link_id');
  //REMOVE IT 
}

因此，首先，您应该在index.html上包含这两种样式，并为它们各自指定一个ID

---

之后，在旧页面的容器组件上，您应该删除“引导”并添加旧样式表，在新页面的容器组件上，您应该删除旧样式表并添加引导。

谢谢。你的逻辑是正确的。这是我的代码小部件styleSheet1=document.styleSheets[1]; styleSheet1.disabled=true；谢谢你，诺尔。你的逻辑是正确的。这是我的代码小部件styleSheet1=document.styleSheets[1]; styleSheet1.disabled=true；