String Interpolation
Salah satu definisi tentang String Interpolation adalah proses mengevaluasi suatu string dengan / tanpa placeholder. Definisi lainnya adalah cara untuk menampilkan suatu output dalam bentuk string.
Tutorial ini akan menggunakan proyek Angular 6 yang sudah kita buat pada tutorial sebelumnya.
Berikut adalah cara string interpolation ini dideklarasikan dalam Angular:
Pastikan bahwa component utama (file app.component.html) berisi template / konten seperti ini:
Buka file error-alert.component.ts, dan isikan seperti ini:
Pada line 8–9, dimana kita menambah 2 variables: serverName dan serverStatus. Pembuatan variable dalam typscript boleh secara eksplisit menunjukkan tipe datanya (dalam contoh di atas adalah String).
Pada line 11–13 kita membuat getter untuk variable serverStatus.
Terakhir, buka file error-alert.component.html, dan ubah isinya menjadi:
Perhatikan line 4, disana kita bisa melihat 3 cara bagi Angular untuk mendeklrasikan string interpolation ini:
- Penulisan string biasa dalam tanda kutip: {{ ‘string’ }}
- Pemanggilan variabel: {{ variable }}
- Pemanggilan fungsi / method: {{ function() }}
Hasil Akhir
Jalankan “ng serve”, buka browser. Jika semua langkah di atas dilakukan dengan benar, Anda akan dapati tampilan seperti ini:
Atribusi Anda berupa clapping, sharing, ngasih komentar, dan following blog ini dapat menimbulkan efek samping berupa semangat menulis yang menggebu bagi saya
