ورود / ثبت نام
0
0

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

694 بازدید
سبد خرید در 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;
					}
				}
	});
آیا این مطلب را می پسندید؟
https://www.mspsoft.com/?p=23388
اشتراک گذاری:
واتساپتوییترفیسبوکپینترستلینکدین
پویا قربانی
مطالب بیشتر
برچسب ها:

نظرات

0 نظر در مورد سورس پروژه سبد خرید در Angularjs

دیدگاهتان را بنویسید

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

هیچ دیدگاهی نوشته نشده است.