PHP前端开发

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

百变鹏仔 4天前 #前端问答
文章标签 过滤器

本文主要和大家详细介绍了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 -->  
                  
idnameprice
{{x.id}}{{x.name}}{{x.price}}