Εισαγωγή στην Προσέγγιση των Components στο Angular

Ας υποθέσουμε ότι έχουμε έναν ιστότοπο. Σε αυτόν τον ιστότοπο μπορούμε να διακρίνουμε ορισμένα μπλοκ: την κεφαλίδα, το περιεχόμενο, την πλαϊνή μπάρα, το υποσέλιδο και ούτω καθεξής. Κάθε μπλοκ μπορεί να χωριστεί σε μικρότερα υπομπλοκ. Για παράδειγμα, στην κεφαλίδα συνήθως μπορούμε να διακρίνουμε το λογότυπο, το μενού, το μπλοκ επαφών και ούτω καθεξής.

Στο Angular, κάθε τέτοιο μπλοκ ονομάζεται component. Κάθε component μπορεί να περιέχει μέσα του μικρότερα components, τα οποία με τη σειρά τους ακόμα μικρότερα και ούτω καθεξής.

Σε κάθε component στο Angular αντιστοιχεί ένας φάκελος με αρχεία, που βρίσκεται στο φάκελο src.

Ένα από τα components πρέπει να είναι το κύριο - αυτό στο οποίο προστίθενται τα υπόλοιπα components. Στο Angular από προεπιλογή, τέτοιο component θα είναι το App. Σε αυτό το component θα συνδέονται άλλα components. Πώς γίνεται αυτό - θα το εξετάσουμε παρακάτω στο σεμινάριο.