Layoutfil i Angular

Layoutet for websitet placeres i filen src/index.html. Den vil se ud cirka sådan her:

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>

I denne fil bør alt være forståeligt for dig, hvis du har studeret HTML, med undtagelse af tagget app-root:

src/index.html<body>
  <app-root></app-root>
</body>

Dette tag er ikke en del af HTML. Dette tag tilføjes af Angular selv. På det sted, hvor dette tag er skrevet, vil HTML-koden fra hovedkomponenten blive indsat. Vi vil tale mere detaljeret om dette i næste lektion.

Задание 1

Skift sidens titel i layoutet.

Задание 2

Skriv en eller anden tekst i body-tagget. Kontroller, at den vises i browseren.

Задание 3

Tilføj en header, en footer, sidebjælker og indhold. Lad tagget app-root være placeret i websitets indholdsområde.