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

发布日期： 2018-02-07 阅读量： 作者： 网络

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

nbsp;html&gt; 
 
 
<meta> 
<title></title> 
<script></script> 
<link> 
<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> 
 
 
<p> 
<nav> 
 <p> 
 </p>
<p> 
  </p>
<form> 
  <p> 
   <input> 
  </p> 
  </form> 
 </nav></p><!-- /.navbar-collapse --> 
 <!-- /.container-fluid -->

# javascript # Angularjs # 过滤器

上一篇: php转换mp4详细步骤

下一篇: 如何解决 CSS 过渡动画中高度撑起的意外情况？

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

随便看看