Experiment

src/app/app.routes.ts

@@ -2,9 +2,13 @@ import {Routes} from '@angular/router';
 import {DecksComponent} from './views/decks/decks.component';
 import {CardsComponent} from './views/cards/cards.component';
 import {PlaygroundComponent} from './views/playground/playground.component';
+import {CardItemComponent} from './views/card-item/card-item.component';
+import {DeckItemComponent} from './views/deck-item/deck-item.component';
 
 export const routes: Routes = [
   { path: 'cards', component: CardsComponent },
+  { path: 'cards/:id', component: CardItemComponent },
+  { path: 'decks/:id', component: DeckItemComponent },
   { path: 'decks', component: DecksComponent },
   { path: 'test', component: PlaygroundComponent },
 ];