Layout-Datei in Angular

Das Seitenlayout befindet sich in der Datei src/index.html. Es wird ungefähr so aussehen:

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

In dieser Datei sollte alles klar sein, wenn Sie HTML gelernt haben, mit Ausnahme des Tags app-root:

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

Dieses Tag ist nicht Teil von HTML. Dieses Tag wird von Angular selbst hinzugefügt. An die Stelle, an der dieses Tag steht, wird der HTML-Code der Hauptkomponente eingefügt. Darüber werden wir in der nächsten Lektion noch ausführlicher sprechen.

Ändern Sie den Seitentitel im Seitenlayout.

Schreiben Sie einen beliebigen Text in das Tag body. Prüfen Sie, ob er im Browser erscheint.

Fügen Sie Header, Footer, Sidebars und Content hinzu. Lassen Sie das Tag app-root im Content der Seite platziert sein.