Layout-Datei in Angular
Das Seitenlayout befindet sich in der Datei
src/index.html. Es wird ungefähr
so aussehen:
src/index.html<!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:
src/index.html<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.
Задание 1
Ändern Sie den Seitentitel im Seitenlayout.
Задание 2
Schreiben Sie einen beliebigen Text in das Tag body.
Prüfen Sie, ob er im Browser erscheint.
Задание 3
Fügen Sie Header, Footer, Sidebars und Content hinzu.
Lassen Sie das Tag app-root im
Content der Seite platziert sein.