使用angularjs對數據進行排序篩選

看下面的代碼

scope.Person = [
			{'id':1,'name':'小張','age':18},
			{'id':2,'name':'Tom','age':19},
			{'id':3,'name':'張三','age':19},
			{'id':4,'name':'小明','age':17}
			];

這兒有一個對象數組，在angularjs控制器裏寫的，把它顯示在頁面上的時候可以對其進行排序和篩選。

<table>
	<tr>
		<th>編號</th>
		<th>姓名</th>
		<th>年齡</th>
	</tr>
	<tr ng-repeat="per in Person | orderBy:['age','id'] | filter:{'age':'18'">
		<td>`per`.`id`</td>
		<td>{{per['name']}}</td>
		<td>`per`.`age`</td>
	</tr>
</table>

上面有一個表格，表格裏面就是對其person進行遍歷，在遍歷的時候可以對其進行排序，並且可以篩選。

orderBy單個排序的時候 無需大括號，直接寫 'age'，例：

orderBy:'age'，這樣便可以升序排列，如果是倒序的話 orderBy:'age’:true，便可以倒序。

filter(過濾器)可以過濾數據，也可以直接寫成filter:'18',這個可以模糊搜索。可以把相關18的數字全部搜出來，如果精準搜索的話，可以直接指定對應的字段。