Basiese Roete-instelling in Angular

Laat ons nou die roete instel. Laat ons dit so maak dat as die URL /aaaa/ in die blaaier se adresbalk getik word, die eerste komponent wys, en as /bbbb/ getik word, die tweede een wys.

Hierdie instelling word gedoen in die lêer app.routes.ts. Eerstens moet ons ons komponente invoer:

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

En nou moet ons sê watter URL met watter komponent ooreenstem. Om dit te doen, moet ons 'n spesiale skikking van voorwerpe met roetes maak. In elke voorwerp sal daar 'n sleutel path wees, wat die URL (sonder eindskuinsstrepe) spesifiseer, en 'n sleutel component, wat die komponent spesifiseer wat by hierdie URL gewys word:

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

Die roete-instelling is egter nie genoeg nie. Ons moet in die ouerkomponent die plek aandui waar ons komponente uitgevoer sal word. Ons sal ons in die volgende les hiermee besig hou.

Stel die roete in die lêer app.routes.ts in.