Html 如何在angular中仅在一个组件中使用引导？

我有一个具有自定义主题的angular应用程序，大多数组件不需要引导，因此在angular.json中，我只包含bootstrap.grid.css

随着应用程序的开发，我需要引导，但将其包含在angular.json中会影响其他组件的样式

是否有任何选项仅在此特定组件中使用引导

我尝试了这个

@import“bootstrap/dist/css/bootstrap.css”，但没有帮助

TIA:）
我的简单解决方案是将引导文件的内容插入组件CSS文件，但这只是我的意见，不确定是否正确。
我的简单解决方案是将引导文件的内容插入组件CSS文件，但这只是我的意见，不确定是否正确。
我迟到了，但不久前我遇到了这个问题：只需要在一个组件中使用引导样式。

为了解决这个问题，我去下载了编译好的CSS文件。我只对bootstrap.min.css文件感兴趣。
为了只在一个组件中加载它，实际上是网页的顶部标题（我需要使用可折叠的导航栏快速启动并运行），我在stylesUrl属性中添加了上面提到的文件。我的组件装饰器的类似部分（您可以将引导css文件放在其他位置）=>

从'@angular/core'导入{Component}；
@组成部分({
选择器：“应用程序标题”，
templateUrl:'./header.component.html'，
样式URL：[
“/../../../../assets/css/bootstrap.min.css”，
“/header.component.css”
]
})
出口类标题组件{
构造函数（）{}
}

现在，由于默认视图封装，我可以在我的web应用程序的顶部使用所有引导样式，并且只能在此处使用：）

请记住，如果您在运行ng build--prod部署应用程序的那天没有修改angular.json文件，即使是缩小的Boostrap样式表也会出现错误；原因是，出于性能原因，默认情况下，零部件样式的预算设置为较低的最大值

因此，在您的angular.json中，查找预算数组，并在其中为您的组件样式设置符合您需要的规则，您将特别对最大错误值感兴趣，如果在给定组件中加载大型样式表，则可能会阻止您进行产品生成=>

。。。
“预算”：[
{
“类型”：“首字母”，
“最大警告”：“2mb”，
“最大错误”：“5mb”
},
{
“类型”：“anyComponentStyle”，
“最大警告”：“6kb”，
“最大错误”：“145kb”
}
]
...
我参加聚会迟到了，但不久前我遇到了这个问题：只需要在一个组件中使用引导样式。

为了解决这个问题，我去下载了编译好的CSS文件。我只对bootstrap.min.css文件感兴趣。
为了只在一个组件中加载它，实际上是网页的顶部标题（我需要使用可折叠的导航栏快速启动并运行），我在stylesUrl属性中添加了上面提到的文件。我的组件装饰器的类似部分（您可以将引导css文件放在其他位置）=>

从'@angular/core'导入{Component}；
@组成部分({
选择器：“应用程序标题”，
templateUrl:'./header.component.html'，
样式URL：[
“/../../../../assets/css/bootstrap.min.css”，
“/header.component.css”
]
})
出口类标题组件{
构造函数（）{}
}

现在，由于默认视图封装，我可以在我的web应用程序的顶部使用所有引导样式，并且只能在此处使用：）

请记住，如果您在运行ng build--prod部署应用程序的那天没有修改angular.json文件，即使是缩小的Boostrap样式表也会出现错误；原因是，出于性能原因，默认情况下，零部件样式的预算设置为较低的最大值

因此，在您的angular.json中，查找预算数组，并在其中为您的组件样式设置符合您需要的规则，您将特别对最大错误值感兴趣，如果在给定组件中加载大型样式表，则可能会阻止您进行产品生成=>

。。。
“预算”：[
{
“类型”：“首字母”，
“最大警告”：“2mb”，
“最大错误”：“5mb”
},
{
“类型”：“anyComponentStyle”，
“最大警告”：“6kb”，
“最大错误”：“145kb”
}
]
...