过滤指令：number currency lowercase(转为小写)/uppercase（转为大写） 

<!DOCTYPE html>
<html ng-app>
<head lang="en">
  <meta charset="UTF-8">
  <link rel="stylesheet" href="css/bootstrap.css"/>
  <title></title>
</head>
<body>
<div class="container">
  <h1>Angular模块组件——过滤器</h1>
  <h2>number过滤器</h2>
  <p>{{1234567890.123456}}</p>
  <p>{{1234567890.123456 | number :2}}</p>
  <p>{{1234567890.123456 | number : 4}}</p>

  <h2>currency过滤器</h2>
  <p>{{1234567890.123456}}</p>
  <p>{{1234567890.123456 | currency }}</p>
  <p>{{1234567890.123456 | currency : '￥'}}</p>

  <h2>lowercase/uppercase过滤器</h2>
  <p>{{'HelloWorld'}}</p>
  <p>{{'HelloWorld' | lowercase}}</p>
  <p>{{'HelloWorld' | uppercase}}</p>

  <h2>date过滤器</h2>
  <p>{{2444789237345}}</p>
  <p>{{2444789237345 | date}}</p>
  <p>{{2444789237345 | date : 'yyyy-MM-dd HH:mm:ss'}}</p>






</div>


<br><br><br><br><br><br><br><br><br><br><br><br>
<script src="js/angular.js"></script>
</body>
</html>

 

posted @ 2015-11-23 21:49  XINYUHAI77  阅读(290)  评论(0)  编辑  收藏  举报