Angular-da əsas routing-in qurulması

Gəlin indi routing-i quraq. Edək ki, brauzerin ünvan sətrində URL /aaaa/ yazılıbsa, birinci komponent göstərilsin, əgər /bbbb/ yazılıbsa, onda ikinci komponent göstərilsin.

Belə bir qurma app.routes.ts faylında edilir. Əvvəlcə komponentlərimizi import etmək lazımdır:

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

İndi isə hansı URL-in hansı komponentə uyğun olduğunu bildirmək lazımdır. Bunun üçün marşrutlarla (route-larla) xüsusi bir obyekt massivi etmək lazımdır. Hər bir obyektdə path açarı olacaq, burada URL (son əyri xəttsiz) təyin edilir və component açarı olacaq, burada həmin URL-ə uyğun gələn komponent təyin edilir:

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

Lakin, routing qurmağı kifayət deyil. Ana komponentdə komponentlərimizin çıxarılacağı yeri göstərmək lazımdır. Buna növbəti dərsdə baxacıq.