Faili ya Muundo katika Angular

Muundo wa tovuti huwekwa kwenye faili src/index.html. Itaonekana kama hivi:

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

Katika faili hii kila kitu kinapaswa kuwa wazi kwako, kama wewe umesisitiza HTML, isipokuwa kwa kitambulisho app-root:

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

Kitambulisho hiki si sehemu ya HTML. Hiki kitambulisho kinaongezwa na Angular yenyewe. Mahali ambapo kimeandikwa kitambulisho hiki ndio HTML ya komponenti kuya itaingizwa. Tutazungumza kwa undani zaidi kuhusu hilo katika somo linalofuata.

Badilisha kichwa (title) cha ukurasa kwenye muundo wa tovuti.

Andika maandishi yoyote ndani ya kitambulisho body. Hakikisha kuwa yameonekana kwenye kivinjari.

Ongeza kichwa (header), kijiko (footer), upande randa (sidebars) na maudhui. Acha kitambulisho app-root kiwe katika maudhui ya tovuti.