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

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

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:

src/index.html<body>
  <app-root></app-root>
</body>

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

Задание 1

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

Задание 2

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

Задание 3

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