Blazor

Conditional Rendering: @if

Penjelasan

Karena Razor adalah C# yang dicampur markup, percabangan tampilan cukup memakai blok if/else if/else C# BIASA, ditandai @ di awal blok — tidak ada syntax spesial terpisah seperti *ngIf Angular atau {kondisi &&} React.

Contoh Konsep

@if (sudahBayar)
{
    <p>Pesanan sudah dibayar</p>
}
else
{
    <p>Menunggu pembayaran</p>
}

@code {
    private bool sudahBayar = false;
}

Praktikum

Buat properti stok (int). Pakai @if/@else untuk menampilkan "Tersedia" atau "Habis" sesuai nilai stok (>0 atau tidak).

Editor Latihan

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

Tips

Karena ini blok C# biasa (bukan syntax template khusus), kurung kurawal { } WAJIB dituliskan lengkap untuk @if dan @else, sama seperti method C# biasa — beda dari Vue/Angular yang punya penutup khusus (@endif, @if...@else}) di template-nya.

← Kembali Parameters: Mengirim Data ke Component Anak Lanjutkan → List Rendering: @foreach