Pada artikel kali ini saya akan kembali membahas tentaang si merah perkasa yaitu angular, dan kali ini saya akan membahas topik tentang Menggunakan ngFor Pada angular 4 secara Sederhana.

Sedikit penjelasan tentang ngFor adalah sebuah directive pada angular yang berfungsi untuk melakukan looping terhadap
beberapa data misal data kita adalah sebuah array, jadi directive ini akan melopping array kita pada bagian template.

saya akan langsung contohkan secara sederhana, saya memiliki komponen dengan nama
manual-alert.component.ts  dan memilik sebuah property yang berisikan array sperti berikut:

dan saya mempunyai template dengan nama manual-alert.component.html lalu saya akan menampilkan data array tersebut pada sebuah tag element list item menggunakan directive ngFor dengan sintak sebagai berikut:

 

jika di jalanakan maka akan memiliki hasil seperti ini :

Jadi seperti itulah Menggunakan ngFor Pada angular 4 secara Sederhana , semoga bisa di pahami