Bevezetés a komponens alapú megközelítésbe az Angular-ban

Tegyük fel, hogy van egy weboldalunk. Ezen a weboldalon különböző blokkokat tudunk kiemelni: fejléc, tartalom, oldalsáv, lábléc és így tovább. Minden blokkot feloszthatunk kisebb alblokkokra. Például a fejlécben általában kiemelhető a logó, a menü, az elérhetőségek blokkja és így tovább.

Az Angular-ban minden ilyen blokkot komponensnek nevezünk. Minden komponens tartalmazhat magában kisebb komponenseket, azok pedig további, még kisebb komponenseket, és így tovább.

Az Angular-ban minden komponenshez egy mappa tartozik fájlokkal, amely a src mappában található.

Az egyik komponensnek fő komponensnek kell lennie - annak, amelyhez a többi komponens hozzáadódik. Az Angular-ban alapértelmezetten ez a komponens a App komponens lesz. Ehhez a komponenshez kapcsolódnak majd a többi komponens. Hogyan történik ez - a továbbiakban tanulmányozzuk az oktatóanyagban.