Lay-outbestand in Angular

De lay-out van de website bevindt zich in het bestand src/index.html. Het ziet er ongeveer zo uit:

<!doctype html>
<html lang="nl">
<head>
	<meta charset="utf-8">
	<title>titel</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 dit bestand moet alles duidelijk voor je zijn, als je HTML hebt bestudeerd, met uitzondering van de tag app-root:

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

Deze tag maakt geen deel uit van HTML. Deze tag wordt door Angular zelf toegevoegd. Op de plek waar deze tag staat, zal de HTML-code van de hoofdcomponent worden ingevoegd. We zullen hier in de volgende les meer in detail over praten.

Verander de paginatitel in de sitelay-out.

Schrijf een willekeurige tekst in de tag body. Controleer of deze in de browser verschijnt.

Voeg een header, footer, sidebars en content toe. Laat de tag app-root zich in de inhoud van de site bevinden.