重庆小潘seo博客

当前位置:首页 > 重庆网络营销 > 小潘杂谈 >

小潘杂谈

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

时间:2020-09-16 06:00:11 作者:重庆seo小潘 来源:
本文主要和大家详细介绍了Angularjs使用过滤器完成排序功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。!DOCTYPE html html head meta charset=UTF-8 title/title script type=text/javascript alt="Angularjs过滤器完成排序功

本文主要和大家详细介绍了Angularjs使用过滤器完成排序功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" alt="Angularjs过滤器完成排序功能实例详解" src="js/angularjs.js" ></script> <link rel="stylesheet" href="css/bootstrap.css" rel="external nofollow" /> <script> angular.module('myApp',[]) .service('data',function(){ return [ {id:1234,name:'ipad',price:3400}, {id:1244,name:'aphone',price:6400}, {id:1334,name:'mypad',price:4400}, {id:8234,name:'zpad',price:8400} ]; }) .controller('myController',function($scope,data){ $scope.data=data; $scope.change=function(order){ //$scope.orderType=''; $scope.order=order; if($scope.orderType==''){ $scope.orderType='-'; }else{ $scope.orderType=''; } } }) </script> <style> .red{color: red;} </style> </head> <body ng-app="myApp"> <p ng-controller="myController">相关推荐:

详解Angularjs过滤器实现动态搜索与排序功能

AngularJS过滤器filter用法实例分析

详解AngularJS过滤器的使用_AngularJS

以上就是Angularjs过滤器完成排序功能实例详解的详细内容,更多请关注小潘博客其它相关文章!