Skedari i Layout-it në Angular

Layout-i i faqes vendoset në skedarin src/index.html. Ai do të duket përafërsisht kështu:

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

Në këtë skedar gjithçka duhet të jetë e qartë për ju, nëse keni studiuar HTML, përveç tag-ut app-root:

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

Ky tag nuk është pjesë e HTML. Ky tag e shton vetë Angular. Në atë vend ku është shkruar ky tag, do të futet kodi HTML i komponentit kryesor. Ne do të flasim më gjerësisht për këtë në mësimin e ardhshëm.

Ndryshoni titullin e faqes në layout.

Shkruani një tekst në tag-un body. Kontrolloni që ai të shfaqet në shfletues.

Shtoni një header, footer, sidebar-e dhe përmbajtje. Le të vendoset tag-u app-root në përmbajtjen e faqes.