码迷,mamicode.com
首页 > 其他好文 > 详细

angular过滤器

时间:2017-07-04 14:40:31      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:har   username   erb   src   lis   tle   on()   model   过滤   

<!doctype html>
<html lang="en" ng-app="myApp">
<head>
 <meta charset="UTF-8" />
 <title>Document</title>
</head>
<body>
 <div ng-controller="studentController">
  <div>
     显示条数: <input type="text" ng-model="num" /><br />
     名称:<input type="text" ng-model="username" /><br />
     任何查询 : <input type="text" ng-model="anySearch" />
    工资之上:<input type="text" ng-model="money" />
  </div>
  
  <div ng-repeat="item in studentlist | limitTo:num|orderBy:‘-id‘ |filter:{‘name‘:username} |filter:anySearch |filter:{‘salary‘:money}:compareMoney">
   id:{{ item.id }} 名称:{{item.name}}  工资:{{item.salary}} 日期:{{item.birthday}}
  </div>
 </div>
<script src="js/angular.min.js"></script> 
<script type="text/javascript">
  var myApp = angular.module("myApp",[]);
  myApp.controller("studentController",function($scope,studentFactory){
   $scope.num=4;
   studentFactory.getStudentList($scope);
   $scope.compareMoney=function(a,b){
    return a>=b;
   }
  })
  
  myApp.factory("studentFactory",function($http){
   var factory={};
   factory.getStudentList=function(obj){
    $http.get("/student").then(function(data){
     obj.studentlist = data.data;
     console.log(data.data);
    }).catch(function(){
     console.log("error");
    });
   }
   return factory;
  })
  
</script>
</body>
</html>

angular过滤器

标签:har   username   erb   src   lis   tle   on()   model   过滤   

原文地址:http://www.cnblogs.com/Smile-Lee00/p/7116090.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!