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

سورس پروژه جستجو و فیلتر کردن اطلاعات توسط AngularJS

283 بازدید
فیلتر کردن اطلاعات

فیلتر کردن اطلاعات

همیشه جستجو و فیلتر کردن اطلاعات در پروژه ها یکی از ویژگی های مهم پروژه محسوب میشود.در این پروژه که توسط Angularjs طراحی و برنامه نویسی شده است.شما در این نمونه سورس کد میتوانید امکانی برای جستجو و فیلتر کردن اطلاعات برای لیست خود توسط انگولار جی اس پیاده سازی کنید.سورس کد کامل ضمیمه شده است امیدوارم استفاده کنید.


<!DOCTYPE hmtl>
<html lang = "en">
	
<body ng-app = "myModule">
	
<nav class = "navbar navbar-default">
		
<div class = "container-fluid">
			<a class = "navbar-brand" href = "<a href="https://www.mspsoft.com">ام اس پی سافت</a>
" rel="nofollow">https://www.sourcecodester.com">Sourcecodester</a>
</a>		</div>

	</nav>


<div class = "row" ng-controller = "myController">

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


<div class = "col-md-6 well">

<h3 class = "text-primary">Simple Search Filter Using AngularJS</h3>


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


<form class="form-inline">

<div class="form-group">

<div class="input-group">

<div class="input-group-addon"><span class = "glyphicon glyphicon-search"></span></div>

						<input type="text" class="form-control" id="exampleInputAmount" placeholder="Enter Here" ng-model = "search">
					</div>

				</div>

			</form>


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

<tr>
						
<th>زبان های برنامه نویسی</th>


<th>سازنده</th>

					</tr>

				</thead>


<tbody>
					
<tr ng-repeat = "PLang in PLangs | filter: search">
						
<td>{{PLang.name}}</td>


<td>{{PLang.creator}}</td>

					</tr>

				</tbody>

			</table>

		</div>

	</div>

</body>	
</html>
آیا این مطلب را می پسندید؟
https://www.mspsoft.com/?p=22242
اشتراک گذاری:
واتساپتوییترفیسبوکپینترستلینکدین
مسعود شریفی پور
از سال 88 که با برنامه نویسی آشنا شدم خیلی علاقه مند بودم یک بستر آموزشی بسازم در فضای وب و به انتشار آموزش های در این زمینه بپردازم.حالا یک تیم داریم و با قدرت رو به جلو حرکت میکنیم.
مطالب بیشتر
برچسب ها:

نظرات

0 نظر در مورد سورس پروژه جستجو و فیلتر کردن اطلاعات توسط AngularJS

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

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

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