Հիմնական ռաութինգի կարգավորումը Angular-ում

Եկեք հիմա կարգավորենք ռաութինգը: Եկեք անենք այնպես, որ եթե բրաուզերի հասցեի տողում մուտքագրված է URL /aaaa/, ապա ցուցադրվի առաջին կոմպոնենտը, իսկ եթե մուտքագրված է /bbbb/, ապա երկրորդը:

Նման կարգավորումը կատարվում է app.routes.ts ֆայլում: Սկզբից անհրաժեշտ է իմպորտել մեր կոմպոնենտները:

app/app.routes.tsimport { AaaaComponent } from './aaaa/aaaa.component';
import { BbbbComponent } from './bbbb/bbbb.component';

Իսկ հիմա անհրաժեշտ է ասել, թե որ URL-ին որ կոմպոնենտն է համապատասխանում: Դրա համար անհրաժեշտ է պատրաստել հատուկ զանգված օբյեկտներով մարշրուտներով (ռաութեր): Յուրաքանչյուր օբյեկտում կլինի path բանալին, որում նշվում է URL (առանց վերջնական շեղերի), և component բանալին, որում նշվում է կոմպոնենտը, որն ցուցադրվում է այս URL-ով:

app/app.routes.tsexport const routes: Routes = [
  { path: 'aaaa', component: AaaaComponent },
  { path: 'bbbb', component: BbbbComponent },
];

Սակայն, ռաութինգի կարգավորումը բավարար չէ: Հարկավոր է ծնող կոմպոնենտում նշել տեղը, որտեղ կցուցադրվեն մեր կոմպոնենտները: Սրանով մենք կզբաղվենք հաջորդ դասում:

Задание 1

Կարգավորեք ռաութինգը app.routes.ts ֆայլում: