Angular में लेआउट फ़ाइल
वेबसाइट का लेआउट फ़ाइल में रखा जाता है
src/index.html। यह कुछ इस तरह
दिखेगा:
<!doctype html>
<html lang="hi">
<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 टैग साइट के
कंटेंट में स्थित होना चाहिए।
