How to include .css file of my component in angular js

Question

I have included my component's .css file in this manner `

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

` But it seems that the stylesheet is not getting applied. What is the right way of including the stylesheet? This is the folder structure.

Answer 1

You have to put square brackets on the url like this: styleUrls: ['home/home.component.css']

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

Answer 2

styleUrls accepts an array

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

I think you mean this click link here

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

in .angular-cli.json