angularjs过滤器
来源:互联网 发布:派克中性笔 知乎 编辑:程序博客网 时间:2024/06/16 10:50
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../angular-1.5.5/angular.min.js"></script> <script> var myapp = angular.module("myapp",[]); myapp.controller("myCtrl",["$scope",function ($scope) { $scope.nowd=new Date();//获取当前日期 console.log("当前日期",$scope.nowd); }]); </script></head><body ng-app="myapp" ng-controller="myCtrl">常用过滤器:<ul> <!--<li>--> <!--请输入你需要的金额:<input ng-model="mymoney">--> <!--<p>|currency:"$"{{mymoney|currency:'¥'}}</p>--> <!--</li>--> <li> 请输入你需要的金额:<input ng-model="mymoney"> <p>|currency:{{mymoney|currency:'$'}}</p> </li> <li> 请输入你的英文名:<input ng-model="fisrtname"> <p>使用过滤器指定为大写{{fisrtname|uppercase}}</p> </li> <li> 请输入你的英文名:<input ng-model="fisrname"> <p>使用过滤器指定为小写{{fisrname|lowercase}}</p> </li> <li> 当前日期为: <p>{{nowd|date: "yyyy年MM月dd日 hh:mm:ss"}}</p> </li> <li> limitto: <p ng-init="datas=['aa','bb','cc','apple','oranange']"> {{datas|limitTo:-2}} </p> </li> <li> filter: <p ng-init="datas=['aa','bb','cc','apple','oranange']"> {{datas|filter:'a'}} </p> </li> <li> order by: <p ng-init="datas=['aa','bb','cc','apple','oranange','dept']"> true降序 {{datas|orderBy: '':true}} false升序{{datas|orderBy: '':false}} </p> 给对象排序 <p ng-init="stus=[{name:'gaoyn',age:19},{name:'周一',age:29},{name:'王大拿',age:20}]"> true降序 {{stus|orderBy: 'age':true}} <br/> false升序{{stus|orderBy: 'age':false}} </p> 指定函数 根据age排 name排序 <p ng-init="stus=[{name:'gaoyn',age:19},{name:'zh',age:29},{name:'王大拿',age:20},{name:'zy',age:19}]"> true降序 {{stus|orderBy: ['age','name']:false }} <br/> </p> </li></ul></body></html>
阅读全文
0 0
- angularjs 过滤器
- AngularJs 过滤器
- AngularJS--过滤器
- AngularJs过滤器
- AngularJS 过滤器
- AngularJS 过滤器
- AngularJs 过滤器
- AngularJS 过滤器
- AngularJS 过滤器
- AngularJS 过滤器
- angularjs-过滤器
- AngularJS 过滤器
- AngularJs过滤器
- angularJS 过滤器
- AngularJS 过滤器
- angularjs过滤器
- angularJS 过滤器
- AngularJS 过滤器
- Python3.X中的print
- 安卓进程之间的通讯
- 1059. C语言竞赛(20)——C语言
- Kafka基本使用介绍
- MyApplication
- angularjs过滤器
- 表格的添加删除加省级联动效果
- 迷茫的时候要做些什么,未来才不会后悔
- andriodjie——mvp展示拦截器传来的数据跳转购物车
- javascript对上传文件的相关操作
- [简单逻辑学]逻辑学的基本原理——从全称到特称
- H5新增特性
- unity3D基础之渲染管线的设计方法学习路线 讲义源码
- messenger进程之间的通讯