Css 如何使用id属性导入angular中的样式表?
我正在尝试将引导仪表板模板集成到Angular8项目中。但是当我在Css 如何使用id属性导入angular中的样式表?,css,angular,Css,Angular,我正在尝试将引导仪表板模板集成到Angular8项目中。但是当我在index.html中链接css文件时,我得到了资源未找到错误 <link rel="stylesheet" href="./src/assets/css/theme.min.css" id="stylesheetLight"> <link rel="stylesheet" href="./src/assets/css/theme-dark.min.css" id="stylesheetDark">
index.html
中链接css文件时,我得到了资源未找到
错误
<link rel="stylesheet" href="./src/assets/css/theme.min.css" id="stylesheetLight">
<link rel="stylesheet" href="./src/assets/css/theme-dark.min.css" id="stylesheetDark">
在我的模板中,他们在每个样式表中使用了一个id属性。由于此id属性(id=“stylesheetLight”
),我无法将其导入;既不是style.css
也不是angular.json
。如果不指定id,设计将被破坏
在index.html中导入时出现的错误:
如何解决资源找不到错误?或者是否有任何方法可以将
style.css中的id指定为@import
?您必须将其添加到angular.json文件中:
"options": {
...
"styles": [
"src/styles.css",
"src/assets/css/theme.min.css"
"src/assets/css/theme-dark.min.css"
],
"scripts": [],
"assets": [
...
]
}
在Angular中,添加类似
的样式表不是正确的方法您必须将其添加到Angular.json文件中:
"options": {
...
"styles": [
"src/styles.css",
"src/assets/css/theme.min.css"
"src/assets/css/theme-dark.min.css"
],
"scripts": [],
"assets": [
...
]
}
在Angular中,添加类似
的样式表不是正确的方法您可以创建一个样式表,例如“shared.css”,然后将其添加到Angular.json
文件:
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/shared.css"
],
并有条件地使用您的样式:
[class.my-class]="foo=='light'"
您可以创建样式表,例如“shared.css”,并将其添加到angular.json
文件:
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/shared.css"
],
并有条件地使用您的样式:
[class.my-class]="foo=='light'"
我也有同样的问题,我想添加id的原因是因为我想从
函数更改主题(主题名){
document.getElementById('Themeaset')。href=`/path/to/my/${themeName}.css`;
}
因此,我可以通过单击来更改整个应用程序样式,而不是将类添加到每个组件中我也有同样的问题,之所以要添加id,是因为我想从
函数更改主题(主题名){
document.getElementById('Themeaset')。href=`/path/to/my/${themeName}.css`;
}
因此,我可以通过单击来更改整个应用程序样式,而不是向每个组件添加类如何指定id?没有id=“stylesheetLight”
设计就被破坏了,你在哪里使用idEven而没有angular,没有id=“stylesheetLight”
的模板就不能工作,它是一个使用bootstrap4和jquery的模板。最好使用相应主题的类名而不是id来解决问题。我如何指定id?没有id=“stylesheetLight”
设计就被破坏了,你在哪里使用idEven而没有angular,没有id=“stylesheetLight”
模板就不能工作,它是一个使用bootstrap4和jquery的模板。最好使用相应主题的类名来解决问题,而不是使用idI,我认为你的设计有缺陷,如果您的设计在未指定ID属性的情况下中断。我想不出任何一种情况,在css样式的链接上我需要一个ID属性。当我试图在模板中更改id时,它不起作用。在与angular集成时,我也不能指定id。如果您的设计在没有指定id属性的情况下出现问题,我认为您的设计是有缺陷的。我想不出任何一种情况,在css样式的链接上我需要一个ID属性。当我试图在模板中更改id时,它不起作用。在与angular集成时,我也不能指定id。