Mengenal Lebih Dalam CSS Pada Angular 4

Posted on

Di panduan kali ini saya akan kembali membahas mengenai angular 4 , bila di sebelumnya saya membahas mengenai event binding , nah bagi kali ini saya membahas lebih pada mengenai css yaitu Mengenal Lebih Pada CSS Di Angular 4.

Di angular 4 bila kalian menggunakan angular 4 CLI , di dikala generate project di terminal atau comand line,  secara default angular pun merancang file CSS standart. dengan demikian kita tak perlu lagi membuatnya secara manual,  Loh kalau saya ingin menggunakan SASS atau SCSS gimana ?
tenang saja bagi merancang itu telah benar-benar dapat di angular 4, kita hanya perlu menambahkan sintak berikut dikala kita generate project di comand line :

 

Inline CSS vs. External CSS Stylesheets

Kini kita membahas mengenai inline dan eksternal css di angular 4, ketika kita generate project di comand line sesungguhnya secara default angular akan mensetup css kita secara eksternal css dengan file commponent css.

Apapun yang sahabat gunakan mau itu inline ataupun eksternal, keduanya di defenisikan dengan commponent decorator.

Sebuah eksternal css di defenisikan dengan decorator styleUrls :

Cara di ata ialah pemakaian secara eksternal, yang mana dengan cara tersebut akan benar-benar bermanfaat bila sahabat menggunakan banyak sekali css sehingga bagi gampang bagi memnage nya.

lalu bila sahabat ingin menggunakan cara Inline css ubah decorator styleUrls menjadi style :

 

BAiklah itu saja dari saya bagi panduan tentang Mengenal Lebih Pada CSS Di Angular 4 hingga bertemu di artikel berikutnya.

sumber :kursuswebprogramming.com/blog/

(Visited 2 times, 1 visits today)

Leave a Reply

Your email address will not be published. Required fields are marked *