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.