Fișierul de layout în Angular

Layout-ul site-ului este plasat în fișierul src/index.html. Acesta va arăta aproximativ astfel:

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

În acest fișier totul ar trebui să vă fie clar, dacă ați studiat HTML, cu excepția tag-ului app-root:

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

Acest tag nu face parte din HTML. Acest tag este adăugat de Angular însuși. În locul unde este scris acest tag va fi inserat codul HTML al componentei principale. Vom vorbi mai în detaliu despre aceasta în lecția următoare.

Schimbați titlul paginii în layout-ul site-ului.

Scrieți în tag-ul body un text oarecare. Verificați că acesta apare în browser.

Adăugați un header, un footer, bare laterale și conținut. Lăsați tag-ul app-root să se afle în conținutul site-ului.