Angular-এ লেআউট ফাইল

ওয়েবসাইটের লেআউট ফাইলটি src/index.html-এ অবস্থিত। এটি নিম্নরূপ দেখাবে:

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

আপনি যদি HTML শেখেন থাকেন, তাহলে app-root ট্যাগটি বাদ দিয়ে এই ফাইলের বাকি সবকিছু আপনার বোধগম্য হওয়া উচিত:

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

এই ট্যাগটি HTML-এর অংশ নয়। এই ট্যাগটি Angular নিজেই যোগ করে। এই ট্যাগটি যেখানে লেখা আছে, সেখানে মূল কম্পোনেন্টের HTML কোড ঢোকানো হবে। আমরা এটি সম্পর্কে পরবর্তী পাঠে আরও বিশদভাবে আলোচনা করব।

সাইটের লেআউটে পৃষ্ঠার শিরোনাম পরিবর্তন করুন।

body ট্যাগের মধ্যে কিছু লেখুন। নিশ্চিত হন যে এটি ব্রাউজারে প্রদর্শিত হয়।

একটি হেডার, ফুটার, সাইডবার এবং কন্টেন্ট যোগ করুন। app-root ট্যাগটি যেন সাইটের কন্টেন্টে অবস্থান করে।