File di layout in Angular

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

<!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:

<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.

Cambiate il titolo della pagina nel layout del sito.

Scrivete un testo qualsiasi all'interno del tag body. Verificate che appaia nel browser.

Aggiungete header, footer, sidebar e contenuto. Lasciate che il tag app-root si trovi nel contenuto del sito.