Layout faylı Angular-da

Veb-saytın layout-u src/index.html faylında yerləşir. O təxminən belə görünəcək:

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

Əgər siz HTML-i öyrənmisinizsə, bu faylda hər şey sizə aydın olmalıdır, app-root teqi istisna olmaqla:

<body>
	<app-root></app-root>
</body>

Bu teq HTML-in hissəsi deyil. Bu teqi özü Angular əlavə edir. Bu tegin yazıldığı yerə əsas komponentin HTML kodu daxil ediləcək. Biz bunun haqqında növbəti dərsdə daha ətraflı danışacayıq.

Saytın layout-undə səhifənin title-nı dəyişin.

body teqinin içərisində hər hansı bir mətn yazın. Brauzerdə göründüyünü yoxlayın.

Header, footer, yan panel və kontenti əlavə edin. app-root teqi saytın kontent hissəsində yerləşsin.