angularJs利用$范围处理升降序的方法

如下所示：

div ng-app=' module ' ng-controller=' ctrl '表格边框='1 '宽度=' 600 ' tr TD ng-click=' order by '(id ')编号span ng-if='status.id '升序/span span ng-if='！status.id '降序/span/TD TD ng-click=' order by(' click ')点击数span ng-if='status.click '升序/span span ng-if='！"状态。单击"降序/span /td td ng-click='orderBy '(标题)标题span ng-if='status.title '升序/span span ng-if='！'' status.title '降序/span/TD/tr ng-repeat='(k，v)in data ' TD { { v . id } }/TD TD { { v . click } }/TD TD { { v . title } }/TD/tr/table/div script var m=angular。模块(' module '，[])；m.controller('ctrl '，['$scope '，' $filter '，function ($scope，$ filter){ $ scope。数据=[{ id : 1，点击： 100，标题： '百度}，{id: 2，点击： 200,标题： '谷歌}，{id: 3，点击： 300,标题： '腾讯'}, ];//记录排序的状态$scope.status={id: false，click: false，title : false }；$scope.orderBy=函数（字段){ /*切换升序和降序*/$scope.status[field]=！$ scope。状态[字段]；$ scope。data=$ filter(' order by ')($ scope。数据，字段，$ scope。状态[字段])；} }]);/script效果图：

以上这篇开发利用$范围处理升降序的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。