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 :

<!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 :

<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.

Changez le titre de la page dans la mise en page du site.

Écrivez du texte dans la balise body. Vérifiez qu'il apparaît dans le navigateur.

Ajoutez un en-tête, un pied de page, des barres latérales et le contenu. Laissez la balise app-root se situer dans le contenu du site.