Layoutfil i Angular

Webbplatsens layout placeras i filen src/index.html. Den kommer att se ut ungefär så här:

<!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 den här filen borde allt vara förståeligt för dig, om du har studerat HTML, förutom taggen app-root:

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

Denna tagg är inte en del av HTML. Denna tagg läggs till av Angular självt. På den plats där denna tagg är skriven kommer HTML-koden för huvudkomponenten att infogas. Vi kommer att prata mer i detalj om detta i nästa lektion.

Ändra sidans titel i webbplatsens layout.

Skriv någon text i taggen body. Kontrollera att den visas i webbläsaren.

Lägg till header, footer, sidofält och innehåll. Låt taggen app-root placeras i webbplatsens innehåll.