Load external css style into Angular 2 components

The “styles” or “styleUrls” should only be used for css rules and it is affect the style of the template elements.

This is the best approaches to add styles directly to the components and the view encapsulation is set per component. It is use for some situations.

Stayed Informed - Angular 2@Output

An example to add external styles to components as,

@Component({
    selector: 'app',
    templateUrl: 'app/login.html',
    styleUrls: [
        'app/app.css',
        'app/main.css'
    ],
    encapsulation: ViewEncapsulation.None,
})

export class Component {}

I hope you are enjoying with this post! Please share with you friends!! Thank you!!!