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 файлында роутингди орнотуңуз.