Pengikatan dan peristiwa data di Blazor Hybrid
Anda telah menentukan UI untuk aplikasi web Anda. Sekarang, mari kita jelajahi cara menambahkan logika ke aplikasi. Dalam aplikasi Blazor, Anda dapat menambahkan kode C# dalam file .cs terpisah atau sebaris di komponen Razor Anda.
C# sebaris dalam komponen
Praktik umum untuk mencampur HTML dan C# dalam satu file komponen Razor. Untuk komponen sederhana dengan persyaratan kode yang lebih ringan, pendekatan ini bekerja dengan baik. Untuk menambahkan kode ke dalam file Razor, Anda akan menggunakan sintaks Razor.
Apa itu arahan Razor?
Arahan Razor adalah markup komponen yang digunakan untuk menambahkan C# bersamaan dengan HTML. Dengan direktif, pengembang dapat menentukan pernyataan tunggal, metode, atau blok kode yang lebih besar.
Direktif kode
Arahan kode harus akrab dengan pengembang yang telah menggunakan Razor di MVC atau Pages.
Anda dapat menggunakan @expression() untuk menambahkan pernyataan C# sebaris dengan HTML. Jika Anda memerlukan lebih banyak kode, gunakan direktif @code untuk menambahkan beberapa pernyataan yang diapit oleh tanda kurung.
Anda juga dapat menambahkan bagian @functions ke templat untuk metode dan properti. Mereka ditambahkan ke bagian atas kelas yang dihasilkan, di mana dokumen dapat mereferensikannya.
Pengikatan data Razor
Dalam komponen Razor, Anda dapat mengikat elemen HTML ke data di bidang C#, properti, dan nilai ekspresi Razor. Pengikatan data memungkinkan sinkronisasi dua arah antara HTML dan kode Anda.
Data dikirimkan dari HTML ke .NET ketika sebuah komponen dirender. Komponen merender sendiri setelah kode penanganan aktivitas dijalankan, itulah sebabnya pembaruan properti tercermin di UI segera setelah penanganan aktivitas dipicu.
Gunakan markup @bind untuk mengikat variabel C# ke input HTML. Anda akan melihat contoh pengikatan data di latihan berikutnya.