Johdatus komponenttilähestymistapaan Angularissa

Oletetaan, että meillä on verkkosivusto. Tällä sivustolla voimme tunnistaa tiettyjä lohkoja: ylätunniste, sisältö, sivupalkki, alatunniste ja niin edelleen. Jokainen lohko voidaan jakaa pienempiin alilohkoihin. Esimerkiksi ylätunnisteessa voidaan yleensä tunnistaa logo, valikko, yhteystietolohko ja niin edelleen.

Angularissa jokaista tällaista lohkoa kutsutaan komponentiksi. Jokainen komponentti voi sisältää sisällään pienempiä komponentteja, ne puolestaan vielä pienempiä ja niin edelleen.

Jokaista komponenttia Angularissa vastaa kansio tiedostoineen, joka sijaitsee src-kansiossa.

Yhden komponentin on oltava pääkomponentti - se, johon muut komponentit lisätään. Angularissa oletusarvoisesti tällainen komponentti on App-komponentti. Tähän komponenttiin liitetään muut komponentit. Miten tämä tehdään - käsittelemme sitä myöhemmin oppaassa.