Load external css style into Angular 2 components

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!!!
ANIL SINGH

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2

Load external css style into Angular 2 components Load external css style into Angular 2 components Reviewed by Anil Singh on 10:00 AM Rating: (5)
www.code-sample.com/. Powered by Blogger.
^