Angular Stránka, podstránky

f.buxanto · Napísal **f.buxanto**: 16.12.2018 12:43

Zdravím,

cez Angular CLI som si vytvoril novú app-ku, pridal tam komponenty (Homepage, Not Found, Ovocie, Zelenina).

Vytvorím menu s odkazmi na komponenty, ale na stránke Ovocie, by som rád vypísal obsah a submenu ( zoznam podstránok ako Jablko, Hruška, Slivka, Čerešňa ).
Keďže ovocia a zeleniny je veľa, nerád by som každej položke vytváral vlastný komponent.

Vedel by som jednotlivé položky Ovocia zaradiť pod jeho komponent? A ako to nastaviť v routeri?

Kód:

import { HomepageComponent } from './components/homepage/homepage.component';
import { NotfoundComponent } from './components/notfound/notfound.component';
import { OvocieComponent } from './components/ovocie/ovocie.component';
import { ZeleninaComponent } from './components/zelenina/zelenina.component';

const routes: Routes = [
    { path: '', redirectTo: 'home', pathMatch: 'full' },
    { path: 'home', component: HomepageComponent },
    { path: 'ovocie', component: OvocieComponent },
    { path: 'ovocie/jablko', component: OvocieComponent }, <=== pri tomto path aký component? alebo childy?
    { path: 'ovocie/hruška', component: OvocieComponent }, <=== pri tomto path aký component? alebo childy?
    { path: 'zelenina', component: ZeleninaComponent },
    { path: '**', component: NotfoundComponent }
];

BX · Napísal BX: 18.12.2018 8:19

Môžeš použiť route parameter https://angular-2-training-book.rangle.io/handout/routing/routeparams.html
čiže niečo ako { path: 'ovocie/:typ', ... }
a v komponente OvocieComponent zobrazíš ovocie podľa parametra typ.

Angular Stránka, podstránky

Podobné témy