Angular-da esasy ýol ýöredijisini sazlamak

Indi ýol ýöredijisini sazlalyň. Şonu edeliň ki, brauzeriň salgys setirinde URL /aaaa/ girizilse, birinji komponent görkezilsin, we eger /bbbb/ girizilse, ikinji komponent görkezilsin.

Beýle sazlama app.routes.ts faýlynda edilýär. Ilki bilen, komponentlerimizi import etmeli:

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

Indi bolsa, haýsy URL haýsy komponente gabat gelýändigini bellämeli. Bunuň üçin ýol ýöredijileri (routes) bilen ýörite obyektler massiwini döretmeli. Her obyektde path açary bolup, ol URL-i kesip görkezýär (soňky kyşyr çyzyklar bolmaz), we component açary bolup, şol URL üçin görkezilýän komponenti kesip görkezýär:

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

Emma, ýol ýöredijisini sazlamak ýeterlik däl. Köki komponentde, komponentlerimiziň görkeziljek ýerini görkezmeli. Bu meselä indiki sapakda serederis.