Route Parameters

Contoh Konsep

// app.routes.ts
export const routes: Routes = [
    { path: 'produk/:id', component: ProdukDetailComponent },
];

// produk-detail.component.ts
import { Component } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
    selector: 'app-produk-detail',
    standalone: true,
    template: `<p>Produk dengan id: {{ id }}</p>`,
})
export class ProdukDetailComponent {
    id: string | null;

    constructor(route: ActivatedRoute) {
        this.id = route.snapshot.paramMap.get('id');
    }
}