Fail Layout dalam Angular

Layout tapak diletakkan dalam fail src/index.html. Ia akan kelihatan seperti ini:

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

Dalam fail ini, semuanya sepatutnya jelas untuk anda, jika anda telah mempelajari HTML, kecuali tag app-root:

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

Tag ini bukan sebahagian daripada HTML. Tag ini ditambah oleh Angular sendiri. Di tempat di mana tag ini ditulis, kod HTML komponen utama akan dimasukkan. Kita akan bincangkan ini dengan lebih terperinci dalam pelajaran seterusnya.

Tukar tajuk halaman dalam layout tapak.

Tulis sebarang teks dalam tag body. Pastikan ia muncul dalam pelayar.

Tambah header, footer, sidebar dan kandungan. Biarkan tag app-root terletak di kandungan tapak.