Fichier de mise en page dans Angular

La mise en page du site est placée dans le fichier src/index.html. Il ressemblera à peu près à ceci :

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>

Dans ce fichier, tout devrait vous être clair, si vous avez étudié le HTML, à l'exception de la balise app-root :

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

Cette balise ne fait pas partie du HTML. Cette balise est ajoutée par Angular lui-même. À l'endroit où cette balise est écrite sera inséré le code HTML du composant principal. Nous en parlerons plus en détail dans la prochaine leçon.