本文实例为大家分享了角过滤器排序的具体代码,供大家参考,具体内容如下
首先定义一个json文件:
, 
然后写HTML文件:
& lt; div id=昂凶印北?
& lt; !——第一个下拉框——比;
& lt;选择ng-model=癮”比;
& lt;选项值=" https://www.yisu.com/zixun/age "祝辞按照年龄排序& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/code "祝辞按照编码排序& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/name "祝辞按照姓名排序& lt;/option>
& lt;/select>
& lt; !——升序还是降序——比;
& lt;选择ng-model=癰”比;
& lt;选项值=" "祝辞升序& lt;/option>
& lt;选项值=" https://www.yisu.com/zixun/- "祝辞降序& lt;/option>
& lt;/select>
& lt; !——一个搜索框——比;
& lt;输入类型=拔谋尽闭嘉环?扒胧淙胍阉鞯哪谌荨眓g-model=" c "/比;
& lt;/div>
& lt; !——渲染的数据——比;
祝辞& lt; div id=" wrap ";
& lt; table>
& lt; tr>
& lt; th>编码& lt;/th>
& lt; th>姓名& lt;/th>
& lt; th>年龄& lt;/th>
& lt;/tr>
| & lt; tr ng-repeat="项数据过滤器:c | orderBy: b +“比;
& lt; td> {{item.code}} & lt;/td>
& lt; td> {{item.name}} & lt;/td>
& lt; td> {{item.age}} & lt;/td>
& lt;/tr>
& lt;/table>
& lt;/div>
角:
& lt; script>
应用var=angular.module(“可”,[]);
app.controller(“测试”,函数(范围、美元http) {
http.get美元(json/index.json) .success(功能(数据){
美元的范围。data=https://www.yisu.com/zixun/eval(数据);
美元的范围。一个=按搿?
})
})
& lt;/script>
在这种运用到的过滤器有过滤器,orderBy
这样就完成了一个简单的排序,希望能帮到大家!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
