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

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.

CodePudding user response：

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']
    
    
  });

CodePudding user response：

styleUrls accepts an array

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