سورس پروژه سبد خرید در Angularjs

سبد خرید در Angularjs پروژه ای که به همراه سورس کامل منتشر شده است.پیش این پروژه ما پروژه سبد خرید توسط ASP.NET MVC و AngulaJS را منتشر کرده بودیم.در این پروژه طراحی و برنامه نویسی توسط Angularjs , Bootstrap صورت گرفته است.

عملکرد پروژه به این صورت که میتوانید کالاهایی که در لیست نمایش داده میشوند را در سبد خرید اضافه کنید عملیات بدون بازسازی صفحه بوده و عملکرد بسیار عالی این موضوع روی پروژه ها شما میتوانید داشته باشد.

سبد خرید در Angularjs

کد نوشته شده انگولار جی اس برای نمایش لیست محصولات

var app = angular.module("myModule", [])
                                .controller("myController", function($scope){
                                $scope.carts=[];
                                $scope.products = [
                                        {p_id: "1", p_name: "Samsung Galaxy S7 Edge", p_image: "images/1.jpg", p_price: 28990},
                                        {p_id: "2", p_name: "iPhone 8", p_image: "images/2.png", p_price: 60138},
                                        {p_id: "3", p_name: "Sony Xperia Z3+", p_image: "images/3.png", p_price: 1519000},
                                        {p_id: "4", p_name: "ALIENWARE 17", p_image: "images/4.png", p_price: 75187},
                                        {p_id: "5", p_name: "Luvaglio Laptop", p_image: "images/5.png", p_price: 50115000},
                                        {p_id: "6", p_name: "Motorola Moto G4 16GB", p_image: "images/6.png", p_price: 9013}
                                ];
                                
                                $scope.add_cart = function(product){
                                        if(product){
                                                $scope.carts.push({p_id: product.p_id, p_name: product.p_name, p_price: product.p_price});
                                        }       
                                }
                                                
                                        
                                $scope.total = 0;
                                
                                $scope.setTotals = function(cart){
                                        if(cart){
                                                $scope.total += cart.p_price;
                                        }
                                }
                                
                                $scope.remove_cart = function(cart){
                                        if(cart){
                                                $scope.carts.splice($scope.carts.indexOf(cart), 1);
                                                $scope.total -= cart.p_price;
                                        }
                                }
        });