File di layout in Angular

Il layout del sito si trova nel file src/index.html. Avrà un aspetto simile a questo:

src/index.html<!doctype html>
<html lang="it">
<head>
  <meta charset="utf-8">
  <title>titolo</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>

In questo file tutto dovrebbe esserti chiaro, se hai studiato HTML, ad eccezione del tag app-root:

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

Questo tag non fa parte dell'HTML. Questo tag viene aggiunto da Angular stesso. Nel punto in cui è scritto questo tag verrà inserito il codice HTML del componente principale. Ne parleremo più in dettaglio nella prossima lezione.