简单的angular过滤器

来源：互联网发布：windows xp 截图工具编辑：程序博客网时间：2024/05/22 15:08

//第一步还是导包

<body ng-app="myApp" ng-controller="myCtrl">
<input type="text" ng-model="qian" />
<div>{{qian}}<br />
  货币:{{qian|currency:"￥"}}；<br />
  大小写:{{qian|uppercase}}<br />
  
  只展示9位数:{{qian|limitTo:9}}
</div><br />
<div>
  <br>
  查找数组datas里带有3的数<br />
  {{datas|filter:"3"}}<br />
  查找数组datas2里面带有20的<br />
  {{datas2|filter:"20"}}

</div><br />
<input type="text" ng-model="riqi" />
<div>
  将输入框里面是数据变为日期展示:<br />
  {{riqi|date:"yyyy年MM月dd日     hh-mm-ss"}}
</div>

<script>
  var mo = angular.module("myApp",[]);
  mo.controller("myCtrl",function($scope){
   $scope.datas = [1,2,3,4,1,32,45];

    $scope.datas2= [
    {"name":"张三","age":20},
    {"name":"张三1","age":22},
    {"name":"李四","age":20}
    ]

  })
</script>
</body>

阅读全文

0 0