Αρχείο Διάταξης στο Angular

Η διάταξη του ιστότοπου τοποθετείται στο αρχείο src/index.html. Θα μοιάζει κάπως έτσι:

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>title</title>
	<base href="/">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
	<app-root></app-root>
</body>
</html>

Σε αυτό το αρχείο όλα πρέπει να σας είναι ξεκάθαρα, αν έχετε μελετήσει HTML, με εξαίρεση την ετικέτα app-root:

<body>
	<app-root></app-root>
</body>

Αυτή η ετικέτα δεν είναι μέρος του HTML. Αυτή την ετικέτα την προσθέτει το ίδιο το Angular. Σε εκείνο το σημείο όπου γράφεται αυτή η ετικέτα θα εισαχθεί ο κώδικας HTML του κύριου component. Θα μιλήσουμε περισσότερα για αυτό στο επόμενο μάθημα.

Αλλάξτε στη διάταξη του ιστότοπου τον τίτλο της σελίδας.

Γράψτε στην ετικέτα body κάποιο κείμενο. Ελέγξτε ότι εμφανίζεται στο πρόγραμμα περιήγησης.

Προσθέστε header, footer, sidebars και περιεχόμενο. Αφήστε την ετικέτα app-root να τοποθετείται στο περιεχόμενο του ιστότοπου.