سورس پروژه سبد خرید در Angularjs
Loading...
سبد خرید در 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;
					}
				}
	});


 دانلود فايلهاي پروژه
  • پسورد: www.mspsoft.com


مطالب مرتبط
ديدگاه خود را ارسال کنيد


محبوب ترين ويدئو هاي انلاين
دوره برنامه نویسی فروشگاه اینترنتی
  • تعداد اعضا 80k
  • قيمت دوره۱۰۰,۰۰۰ تومان
  • امتيازدهي
    1 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 5( 5٫00 از 1 رای )
    Loading...
دوره آموزشی سیستم ثبت سفارش آنلاین
  • تعداد اعضا 80k
  • قيمت دوره۵۰,۰۰۰ تومان
  • امتيازدهي
    1 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 5( 5٫00 از 1 رای )
    Loading...
دوره طراحی سیستم مدیریت مشتریان
  • تعداد اعضا 80k
  • قيمت دوره۵۰,۰۰۰ تومان
  • امتيازدهي
    1 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 5( 5٫00 از 1 رای )
    Loading...