ไฟล์เลย์เอาต์ใน Angular

เลย์เอาต์ของเว็บไซต์ถูกวางไว้ในไฟล์ src/index.html มันจะมีลักษณะ ประมาณนี้:

<!doctype html>
<html lang="th">
<head>
	<meta charset="utf-8">
	<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>

ในไฟล์นี้คุณควรเข้าใจทั้งหมด หากคุณ เรียน HTML มาแล้ว ยกเว้นแท็ก app-root:

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

แท็กนี้ไม่ใช่ส่วนหนึ่งของ HTML แท็กนี้ ถูกเพิ่มเข้ามาโดย Angular เอง ที่ตำแหน่งที่ เขียนแท็กนี้จะมีการแทรกโค้ด HTML ของคอมโพเนนต์หลัก เราจะพูดถึง รายละเอียดเพิ่มเติมในบทเรียนถัดไป

เปลี่ยนไตเติลของหน้าในเลย์เอาต์ของเว็บไซต์

เขียนข้อความบางอย่างในแท็ก body ตรวจสอบว่ามันปรากฏในเบราว์เซอร์

เพิ่มเฮดเดอร์ ฟุตเตอร์ ไซด์บาร์ และเนื้อหา ให้แท็ก app-root อยู่ใน ส่วนเนื้อหาของเว็บไซต์