ძირითადი როუტინგის კონფიგურაცია Angular-ში

მოდით ახლა კონფიგურაცია გავაკეთოთ როუტინგზე. გავაკეთოთ ისე, რომ თუ ბრაუზერის მისამართების ზოლში აკრეფილია URL /aaaa/, მაშინ გამოჩნდეს პირველი კომპონენტი, ხოლო თუ აკრეფილია /bbbb/, მაშინ მეორე.

ასეთი კონფიგურაცია ხდება ფაილში app.routes.ts. დასაწყისისთვის საჭიროა ჩვენი კომპონენტების იმპორტირება:

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

ახლა კი საჭიროა ვთქვათ, რომელი URL რომელ კომპონენტს შეესაბამება. ამისთვის საჭიროა გაკეთდეს სპეციალური ობიექტების მასივი მარშრუტებით (როუტებით). ყოველ ობიექტში იქნება გასაღები path, რომელშიც ეწერება URL (ბოლო ხაზგასმული ხაზების გარეშე), და გასაღები component, რომელშიც ეწერება კომპონენტი, რომელიც გამოჩნდება ამ URL-ზე:

export const routes: Routes = [
	{ path: 'aaaa', component: AaaaComponent },
	{ path: 'bbbb', component: BbbbComponent },
];

როუტინგის კონფიგურაცია, თუმცა, არ არის საკმარისი. საჭიროა მშობელ კომპონენტში მივუთითოთ ადგილი, რომელშიც გამოიტანება ჩვენი კომპონენტები. ამაზე მომდევნო გაკვეთილზე ვიმუშავებთ.

გააკეთეთ როუტინგის კონფიგურაცია ფაილში app.routes.ts.