پروژه راه اندازی Like و DisLike در Angularjs

522 بازدید

دسته بندی: آموزش AngularJS - آموزش طراحی سایت منتشر شده در بهمن ۲۱, ۱۳۹۵ نویسنده: پویا قربانی زمان مطالعه: 1 دقیقه 0 نظر به روز شده در بهمن ۱۹, ۱۳۹۵

در این پروژه که توسط Anqularjs طراحی و برنامه نویسی شده است میتوانید یک نمونه سورس کد Like و DisLike به مطالب خود را راه اندازی کنید.پروژه بسیار کاربردی است که با گرافیک و استایل خوبی پیاده سازی شده است.عملکرد پروژه به صورت است که میتوانید مطالبی را که مشاهده میکنید و اگر میپسندید Like میدید و اگر مورد پسند شما نیست DisLike میدید که تمامی تعداد Like و DisLike ها شمارش میشوند.امیدوارم مفید باشه و استفاده کنید.

Like و DisLike

<!DOCTYPE html>
<html lang = "en">

<body ng-app = "simModule">
	
<nav class = "navbar navbar-default">
		
<div class = "container-fluid">
			<a class = "navbar-brand" href =  "<a href="https://www.mspsoft.com">mspsoftr</a>
" rel="nofollow">https://www.mspsoft.com">mspsoft</a>
</a>		</div>

	</nav>


<div class = "row">

<div class = "col-md-3"></div>


<div class = "col-md-6 well" ng-controller = "simController">

<h3 class = "text-primary">Simple Like and Dislike Using AngularJS</h3>


<hr style = "border-top:1px dotted #000;"/>




<table class = "table table-bordered">
				
<thead>

<tr>
						
<th>Programming Language</th>


<th>Like</th>


<th>Dislike</th>


<th>Action</th>

					</tr>

				</thead>


<tbody>
					
<tr ng-repeat="pLang in pLangs">
						
<td>{{pLang.name}}</td>


<td>{{pLang.Likes}}</td>


<td>{{pLang.Dislikes}}</td>


<td><center><button class = "btn btn-primary" ng-click = "incrementUp(pLang)">
<span class = "glyphicon glyphicon-thumbs-up">
</span></button> | <button class = "btn btn-danger" ng-click = "decrementDown(pLang)">
<span class = "glyphicon glyphicon-thumbs-down">
</span></button></center></td>

					</tr>

				</tbody>

			</table>

		</div>

	</div>

</body>		
</html>