Layoutfil i Angular

Layoutet for websitet placeres i filen src/index.html. Den vil se ud cirka sådan her:

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

I denne fil bør alt være forståeligt for dig, hvis du har studeret HTML, med undtagelse af tagget app-root:

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

Dette tag er ikke en del af HTML. Dette tag tilføjes af Angular selv. På det sted, hvor dette tag er skrevet, vil HTML-koden fra hovedkomponenten blive indsat. Vi vil tale mere detaljeret om dette i næste lektion.

Skift sidens titel i layoutet.

Skriv en eller anden tekst i body-tagget. Kontroller, at den vises i browseren.

Tilføj en header, en footer, sidebjælker og indhold. Lad tagget app-root være placeret i websitets indholdsområde.