Blazor

Route Parameters

Penjelasan

Route dengan parameter dinamis ditulis lewat kurung kurawal di directive @page (mis. @page "/produk/{id}"), nilainya diterima lewat [Parameter] biasa di @code — MIRIP Parameter dari induk, bedanya nilainya datang dari URL, bukan dari component lain.

Contoh Konsep

@* ProdukDetail.razor *@
@page "/produk/{Id:int}"

<h1>Menampilkan produk dengan id: @Id</h1>

@code {
    [Parameter]
    public int Id { get; set; }
}

Praktikum

Buat component ArtikelDetail.razor dengan @page "/artikel/{Slug}" (tipe string, jadi tanpa constraint :int), tampilkan "Artikel: @Slug".

Editor Latihan

Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.

Tips

Constraint tipe seperti :int di @page "/produk/{Id:int}" membuat Blazor OTOMATIS menolak route itu (dianggap tidak cocok) kalau isinya bukan angka valid — beda dengan React Router/Vue Router yang parameternya selalu string mentah tanpa validasi tipe bawaan seperti ini.

← Kembali Routing: Directive @page Lanjutkan → Lifecycle Methods