Pengantar Pendekatan Komponen di Angular

Misalkan kita memiliki sebuah situs web. Di situs web ini kita dapat mengidentifikasi beberapa blok: header, konten, sidebar, footer, dan sebagainya. Setiap blok dapat dibagi menjadi sub-blok yang lebih kecil. Contohnya, di header biasanya dapat dibedakan logo, menu, blok kontak, dan sebagainya.

Di Angular, setiap blok seperti itu disebut komponen. Setiap komponen dapat berisi komponen yang lebih kecil di dalamnya, yang pada gilirannya berisi komponen yang lebih kecil lagi, dan seterusnya.

Setiap komponen di Angular memiliki folder dengan file-file, yang terletak di folder src.

Salah satu komponen harus menjadi komponen utama - komponen yang menjadi tempat penambahan komponen lainnya. Di Angular, secara default, komponen tersebut adalah komponen App. Ke komponen inilah komponen lain akan terhubung. Bagaimana cara melakukannya - akan kita bahas lebih lanjut dalam tutorial ini.