Angular adalah framework frontend dari Google, Angular memiliki fitur yang bagus ketika kita init project Angular, pada tutorial kali ini Konsep Koding akan berbagi tutorial mengenai cara consume API di Angular menggunakan HTTP dari Angular.
Tutorial Consume API Github Dengan Angular |
Disini kita akan menggunakan API Github untuk mengambil data dari internet, github api gratis dan dapat digunakan siapa saja.
Apa Yang Akan Kita Pelajari?
1. Membuat Project Angular
2. Memulai Koding Rest API Angular
3. Kesimpulan
Membuat Project Angular
Pertama kali jika kamu belum memiliki project Angular maka kamu bisa membuatnya terlebih dahulu, buka terminal atau cmd mu kemudian ketikan perintah di bawah ini :
ng new angular-konsepkoding
Tunggu proses sampai selesai.
Memulai Koding Rest API Angular
Pertama install ng-bootstrap untuk ui nya.
Buka terminal atau cmd kemudian jalankan perintah di bawah ini :
ng add @ng-bootstrap/ng-bootstrap
1. Kemudian ubah file app.module.ts menjadi seperti di bawah ini:
2. Lalu ubah file app.component.ts menjadi seperti di bawah ini:
3. Dan terakir ubah file app.component.html menjadi seperti di bawah ini:
Kemudian jalankan perintah ng serve maka hasilnya akan menjadi gambar di bawah ini :
Kesimpulan
Pada tutorial Angular series Bahasa Indonesia kita mencoba Get API dan Consume dari Github Api : https://api.github.com/users dimana kita mengimplement networking dengan Angular dan HTTP
Sekian semoga artikel Konsep Koding mengenai Angular Series Bahasa Indonesia dapat bermanfaat dan membantu kamu yang sedang mempelajari Angular, nantikan artikel Angular menarik lainnya.
Baca Juga Tutorial Angular Bahasa Indonesia Lainnya:
1. Pengenal Angular Framework UI Dari Google
2. Tutorial Instalasi, Membuat, Menjalankan Project Angular Setting Enviroment Lengkap!
0 Comments