如何在一个angular 7项目中使用2个不同的bootstrap主题?

时间:2019-02-15 12:40:08

标签: bootstrap-4 angular7

我有2个模块:管理员和用户。 两者都具有2个不同的引导主题,例如在管理页面中我使用“ CoreUI”,而对于用户页面则使用“轻引导仪表板”主题。 但是,当我在index.html中使用所有css和js文件时,样式表和js就会发生冲突,并且设计在任何页面中均无法正确显示。

那么我可以在一个有角度的项目中使用2个不同的主题吗?

1 个答案:

答案 0 :(得分:1)

在Angular中,样式通过模拟的Shadow DOM设置作用于组件。在component definition中指定样式,这样

styleUrls: ['./yourBootstrapSheet.css']

,模板中的元素将以唯一的ID开头,该ID与应用于幕后CSS元素的前缀匹配