Pengenalan kepada Pendekatan Berasaskan Komponen dalam Angular

Katakan kita mempunyai sebuah laman web. Pada laman web ini, kita boleh membezakan beberapa blok: header, kandungan, bar sisi, pengaki dan sebagainya. Setiap blok boleh dibahagikan kepada sub-blok yang lebih kecil. Sebagai contoh, dalam header biasanya kita boleh membezakan logo, menu, blok kenalan dan sebagainya.

Dalam Angular, setiap blok sedemikian dipanggil komponen. Setiap komponen boleh mengandungi komponen yang lebih kecil di dalamnya, yang kemudiannya pula mengandungi komponen yang lebih kecil lagi dan seterusnya.

Setiap komponen dalam Angular sepadan dengan satu folder dengan fail, yang terletak di dalam folder src.

Salah satu komponen mesti menjadi komponen utama - komponen yang mana komponen-komponen lain ditambahkan. Dalam Angular, secara lalai, komponen tersebut ialah komponen App. Kepada komponen inilah komponen-komponen lain akan disambungkan. Bagaimana ia dilakukan - kita akan bincangkan kemudian dalam tutorial ini.