File Layout di Angular

Layout situs ditempatkan di file src/index.html. Ini akan terlihat kira-kira seperti ini:

<!doctype html>
<html lang="id">
<head>
	<meta charset="utf-8">
	<title>judul</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>

Di file ini semuanya harus jelas bagi Anda, jika Anda mempelajari HTML, kecuali tag app-root:

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

Tag ini bukan bagian dari HTML. Tag ini ditambahkan oleh Angular sendiri. Di tempat di mana tag ini ditulis, kode HTML dari komponen utama akan disisipkan. Kita akan membahasnya lebih detail dalam pelajaran berikutnya.

Ubah judul halaman di layout situs.

Tuliskan beberapa teks di dalam tag body. Pastikan teks tersebut muncul di browser.

Tambahkan header, footer, sidebar, dan konten. Biarkan tag app-root ditempatkan di konten situs.