تحلیل داده
صفحه اصلی / آموزش طراحی وب / آموزش AngularJS / سورس پروژه سبد خرید در Angularjs

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

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

جزئیات فایل

زبان پروژه : AngularJS Javascript
حجم فایل پیوست : 2.50 MB

رمز فایل : www.mspsoft.ir , www.mspsoft.com
کانال ام اس پی سافت

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *



دوره های آنلاین ام اس پی سافت

آموزش طراحی فروشگاه اینترنتی

آموزش طراحی فروشگاه اینترنتی

طراحی سیستم مدیریت مشتریان

طراحی سیستم مدیریت مشتریان

دوره طراحی وب سایت پورتال خبری

دوره طراحی وب سایت پورتال خبری

دوره طراحی حسابداری فروشگاه

دوره طراحی حسابداری فروشگاه