angular表格带筛选分页，本地json

最新推荐文章于 2020-12-20 05:36:20 发布

XINGXUEXX

最新推荐文章于 2020-12-20 05:36:20 发布

阅读量1.2k

点赞数

分类专栏： angularJS

本文链接：https://blog.csdn.net/XINGXUEXX/article/details/50221049

版权

这篇博客展示了如何使用AngularJS实现一个表格，该表格包含筛选和分页功能。用户可以通过选择城市和国家来筛选数据，并通过按钮在本地JSON数据中进行前后翻页。表格的数据源是一个包含多个对象的数组，每个对象包含Name、City和Country属性。

摘要由CSDN通过智能技术生成

<body ng-app="formTest" >
		<div class="container">
			<div class="add" ng-controller="formCtrl">			
				<h1>list</h1>
				<table border="1" cellspacing="0px" width="100%" >
					<thead>
						<tr>
							
							<th width="35%">name</th>
							<th width="35%"><select ng-model="data1.City" class="select">
								<option value="">city</option>
								<option value="Bergamo">Bergamo</option>
								<option value="London">London</option>
							</select></th>
							<th width="25%"><select ng-model="data1.Country" class="select">
								<option value="">country</option>
								<option value=