Lay-outbestand in Angular

De lay-out van de website bevindt zich in het bestand src/index.html. Het ziet er ongeveer zo uit:

src/index.html<!doctype html>
<html lang="nl">
<head>
  <meta charset="utf-8">
  <title>titel</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 dit bestand moet alles duidelijk voor je zijn, als je HTML hebt bestudeerd, met uitzondering van de tag app-root:

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

Deze tag maakt geen deel uit van HTML. Deze tag wordt door Angular zelf toegevoegd. Op de plek waar deze tag staat, zal de HTML-code van de hoofdcomponent worden ingevoegd. We zullen hier in de volgende les meer in detail over praten.

Задание 1

Verander de paginatitel in de sitelay-out.

Задание 2

Schrijf een willekeurige tekst in de tag body. Controleer of deze in de browser verschijnt.

Задание 3

Voeg een header, footer, sidebars en content toe. Laat de tag app-root zich in de inhoud van de site bevinden.