Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何使用id属性导入angular中的样式表?_Css_Angular - Fatal编程技术网

Css 如何使用id属性导入angular中的样式表?

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">

我正在尝试将引导仪表板模板集成到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">

在我的模板中,他们在每个样式表中使用了一个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。