Angularjs过滤器完成排序功能实例详解

本文主要和大家详细介绍了angularjs使用过滤器完成排序功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

 !DOCTYPE html 
 html 
 head 
 meta charset= UTF-8 
 title /title 
 script type= text/javascript src= js/angularjs.js /script 
 link rel= stylesheet href= css/bootstrap.css rel= external nofollow / 
 script 
angular.module( #39;myApp #39;,[]) 
.service( #39;data #39;,function(){ 
return [ 
{id:1234,name: #39;ipad #39;,price:3400}, 
{id:1244,name: #39;aphone #39;,price:6400}, 
{id:1334,name: #39;mypad #39;,price:4400}, 
{id:8234,name: #39;zpad #39;,price:8400} 
.controller( #39;myController #39;,function($scope,data){ 
$scope.data=data; 
$scope.change=function(order){ 
//$scope.orderType= #39; #39;; 
$scope.order=order; 
if($scope.orderType== #39; #39;){ 
$scope.orderType= #39;- #39;; 
}else{ 
$scope.orderType= #39; #39;; 
 /script 
 style 
.red{color: red;} 
 /style 
 /head 
 body ng-app= myApp 
 p ng-controller= myController >
相关推荐：

详解Angularjs过滤器实现动态搜索与排序功能
AngularJS过滤器filter用法实例分析
详解AngularJS过滤器的使用_AngularJS

以上就是Angularjs过滤器完成排序功能实例详解的详细内容，更多请关注php中文网其它相关文章！
 
  
 最佳 Windows 性能的顶级免费优化软件
 
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。