如何在angular js中包含组件的.css文件

dvtswwa3 于 2022-10-31 发布在 Angular

关注(0)|答案(4)|浏览(179)

我已经以这种方式包含了我的组件的.css文件。

angular.
  module('home').
  component('home', {
    templateUrl: 'home/home.template.html',
    styleUrls: 'home/home.component.css'

  });

'但是样式表似乎没有得到应用。包含样式表的正确方法是什么？This is the folder structure.

angularjs

来源：https://stackoverflow.com/questions/69025122/how-to-include-css-file-of-my-component-in-angular-js

4条答案

按热度按时间

ddrv8njm1#

你必须在网址上加上方括号，如下所示：styleUrls: ['home/home.component.css']

angular.
  module('home').
  component('home', {
    templateUrl: 'home/home.template.html',
    styleUrls: ['home/home.component.css']

  });

赞(0）回复(0）举报 2022-02-01

lvjbypge2#

styleUrls接受数组

styleUrls: ['home/home.component.css']

赞(0）回复(0）举报 2022-11-09

gtlvzcf83#

I faced the same problem and then I found the answer. just add this line inside the component declaration :

encapsulation: ViewEncapsulation.None

for example, 

@Component({
  templateUrl: './usertradedata.component.html',
  animations: [appModuleAnimation()],
  styleUrls:['./usertradedata.component.css'],
  encapsulation: ViewEncapsulation.None
})

赞(0）回复(0）举报 2022-11-09

cvxl0en24#

我想你是说这个click link here

"styles": [
"../node_modules/angular2-busy/build/style/busy.css",
"styles.css"
],

在Angular -倾角

赞(0）回复(0）举报 2022-11-09

我来回答

如何在angular js中包含组件的.css文件

4条答案

相关问题

热门标签

最新问答