Layoutfil i Angular

Webbplatsens layout placeras i filen src/index.html. Den kommer att se ut ungefär så här:

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 den här filen borde allt vara förståeligt för dig, om du har studerat HTML, förutom taggen app-root:

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

Denna tagg är inte en del av HTML. Denna tagg läggs till av Angular självt. På den plats där denna tagg är skriven kommer HTML-koden för huvudkomponenten att infogas. Vi kommer att prata mer i detalj om detta i nästa lektion.