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

Question

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

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

` 但样式表似乎没有得到应用。 包含样式表的正确方法是什么？ 这是文件夹结构。

Answer 1

您必须在网址上加上方括号，如下所示：

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

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

Answer 2

styleUrls 接受数组

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

Answer 3

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
})

Answer 4

我想你是这个意思 点击这里链接

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

在.angular-cli.json中