Angular даги макет файли

Веб-саҳифанинг макети src/index.html файлида жойлашади. У таҳминан шундай кўринади:

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 тегидан ташқари ҳамма нарса тушунарли бўлиши керак:

src/index.html<body>
  <app-root></app-root>
</body>

Ушбу тег HTML-нинг бир кисми эмас. Бу тегни Angular-нинг ўзи қўшади. Ушбу тег ёзилган жойга асосий компонентнинг HTML коди қўйилади. Биз бу ҳақда кейинги дарсда батафсил сўзлашамиз.

Задание 1

Веб-саҳифанинг макетида саҳифа номини (тайтл) ўзгартиринг.

Задание 2

body тегида бирор матн ёзинг. У браузерда пайдо бўлганини текшириб кўринг.

Задание 3

Сарлавҳа (хедер), футер, ён панел (сайдбар) ва контент қўшинг. app-root теги веб-саҳифанинг контент қисмида жойлашсин.