سبد خرید در 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;
					}
				}
	});

جزئیات فایل

حجم فایل پیوست : 2.50 MB

دانلود فایل

دانلود با لینک مستقیم
پسورد فایل : www.mspsoft.com
پویا قربانی

نوشته‌های مرتبط

دیدگاه‌ها

*
*

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.