Tệp bố cục trong Angular

Bố cục trang web được đặt trong tệp src/index.html. Nó sẽ trông đại khái như thế này:

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

Trong tệp này, mọi thứ phải dễ hiểu với bạn, nếu bạn đã học HTML, ngoại trừ thẻ app-root:

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

Thẻ này không phải là một phần của HTML. Thẻ này được thêm vào bởi chính Angular. Vào vị trí của thẻ này, mã HTML của component chính sẽ được chèn vào. Chúng ta sẽ nói chi tiết hơn về điều này trong bài học tiếp theo.

Hãy thay đổi tiêu đề trang trong bố cục trang web.

Viết một văn bản bất kỳ trong thẻ body. Kiểm tra xem nó có xuất hiện trong trình duyệt không.

Thêm header, footer, sidebars và nội dung. Hãy để thẻ app-root được đặt trong phần nội dung của trang web.