Pada artikel sebelumnya tentangĀ Cara Membuat Keranjang Belanja Dengan AngularJs Part2 kita sudah berhasil menampilkan data produk. Dan pada artikel tentang Cara Membuat Keranjang Belanja Dengan AngularJs Part3 kita akan membuat keranjang belanja. Dimana kita akan akan membuat dengan menggunakan session.

Langkah pertama untuk Cara Membuat Keranjang Belanja Dengan AngularJs Part3 teman-teman buat sebuah fungsi tambahKeranjang() didalam controller yang sudah di buat seperti pada script di bawah ini.

Disini kita akan kirimkan data produk yang kita klik atau pilih ke dalam file tambah_keranjang.php untuk menambahkan item yang kita pilih dan kemudian ada callback yang berisi fungsi $scope.krBelanja() untuk dijalakan yang berfungsi untuk menampilkan semua item yang dipilih.

Berikut ini file tambah_keranjang.php.

Dan ini adalah fungsi dari krBelanja().

Untuk semua item yang dipilih kita jadikan satu dan kita ambil dari keranjang.php dengan menggunakan session dan berikut ini scriptnya.

Dan untuk mencetaknya teman-teman bisa perhatikan struktur html pada bagian table di bawah ini.

Untuk setTotal() saya gunakan untuk menjumlahkan total pembelian yang saya didalam fungsi seperti script berikut ini.

Demikian artikel tentang Cara Membuat Keranjang Belanja Dengan AngularJs Part3. Kita sudah berhasil menampilkan produk dan menambahkan keranjang belanja. Lalu terakhir kita akan buat hapus item pada artikel selanjutnya tentang Cara Membuat Keranjang Belanja Dengan AngularJs Part4.