<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>angularFilter</title>
<script src="http://cdn.bootcss.com/angular.js/1.4.6/angular.js"></script>
</head>
　　<body ng-app="angularJS" ng-controller="ctrl">
　　　　<div>{{time | date:'yyyy年mm月dd日 hh时mm分ss秒'}}</div>
　　　　<div>{{money | currency:'￥':3}}</div>
　　　　<span>{{money | number:3}}</span>
　　　　<span>{{string | lowercase}} or:{{string | uppercase}}</span>
　　　　<span>{{string | limitTo:2:0}}</span>
　　　　<div>{{data | orderBy:'id':false}}</div>
　　　　<div>{{data | filter:'jinDon':false}}</div>

<script type="text/javascript">
　　　　/*angular.js内置过滤器:
　　　　*currency/number：货币/数值过滤器，currency的第二个参数为小数点位数，采取四舍五入
　　　　*lowercase/uppercase
　　　　*limitTo/date：limitTo第一个参数为截取字符串长度，第二个参数为起始位置
　　　　*orderBy/filter:orderBy第二个参数为true时为倒序;filter第二个参数为true时要完全匹配才筛选成功,为false时只需要包含筛选字符串既筛选成功
　　　　*/
　　　　var m=angular.module('angularJS',[]);
　　　　m.controller('ctrl',['$scope',function($scope){
　　　　　　$scope.time=new Date().getTime();
　　　　　　$scope.money=890.43655;
　　　　　　$scope.string="China";
　　　　　　$scope.data=[{
　　　　　　　　　　　　　　id:1,
　　　　　　　　　　　　　　title:"jinDon store"
　　　　　　　　　　　　},{
　　　　　　　　　　　　　　id:2,
　　　　　　　　　　　　　　title:"SuNing store"
　　　　　　　　　　　　},{
　　　　　　　　　　　　　　id:3,
　　　　　　　　　　　　　　title:"TianMao store"
　　　　　　　　　　　　},{
　　　　　　　　　　　　　　id:4,
　　　　　　　　　　　　　　title:"TaoBao store"
　　　　　　　}];
　　　　　}]);
</script>
</body>
</html>

Angular.js之内置过滤器学习笔记的更多相关文章

  1. Angular.js之自定义指令学习笔记

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  2. 《JS高程》事件学习笔记

    事件:文档或浏览器窗口中发生的一些特定的交互瞬间,也即用户或浏览器自身执行的某种动作. -------------------------------------------------------- ...

  3. angular这个大梗的学习笔记

    angular定义一个模块(module)及控制器(controller)的局部声明方法: var app=angular.module("Myapp",[]); myapp.co ...

  4. js类、原型——学习笔记

    js 内置有很多类,我们用的,都是从这些类实例化出来的. function Object () {} function Array () {} function String () {} functi ...

  5. 《JavaWeb从入门到改行》过滤器学习笔记

    >"; display: block; height: 0; clear: both; visibility: hidden; } #sitemap, #sitemap ul{disp ...

  6. iOS与Html5和JS之间的交互---学习笔记五

    首先采用的框架是WebViewJavascriptBridge,采用这套框架可以方便的使iOS与JS交互 一. 流程图(主要介绍思路) 二.iOS端如何使用 首先导入#import "Web ...

  7. js之内置对象

    内置对象(Global和Math):JS程序在执行之前就已经存在,开发人员不必再取实例化的内置对象 下面对Global对象进行介绍一下,Math用的不多就不做介绍了 1.Global对象 Global ...

  8. 《Node.js核心技术教程》学习笔记

    <Node.js核心技术教程>TOC \o "1-3" \h \z \u 1.章模块化编程 2019.2.19 13:30' PAGEREF _101 \h 1 08D ...

  9. Vue.js官方文档学习笔记(一)起步篇

    Vue.js起步 Vue.js介绍 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库 ...

随机推荐

  1. java基础面试

    1. String类为什么是final的. 安全性:如果字符串是可变的,那么会引起很严重的安全问题.譬如,数据库的用户名.密码都是以字符串的形式传入来获得数据库的连接,或者在socket编程中,主机名 ...

  2. bzoj 2286 [Sdoi2011]消耗战 虚树+dp

    题目大意:多次给出关键点,求切断边使所有关键点与1断开的最小费用 分析:每次造出虚树,dp[i]表示将i和i子树与父亲断开费用 对于父亲x,儿子y ①y为关键点:\(dp[x]\)+=\(dismn( ...

  3. iOS 错误 之 http请求

     Application Transport Security has blocked a cleartext HTTP (http://) resource load since it is ins ...

  4. Bootstrap兼容IE8

    使用BootStrap3.x写的公司一个响应式项目在IE下面错误百出,经过一番折腾.全部解决了IE8下的兼容问题. 这里汇总一下,希望对大家有所帮助. 1. Bootstrap UI整体在IE8下变窄 ...

  5. jQuery动画高级用法（上）——详解animation中的.queue()动画队列插队函数

    决定对animate方面做一些总结,希望能给大家一些启发和帮助 从一个实际应用谈起 今天不谈animate().fadeIn().fadeOut().slideUp().show().hide()诸如 ...

  6. 在Cocos2d-x中实现较为真实的云彩效果

    [前言] 这个效果是公司里上一个项目中用到的.因为项目已经死掉了,并且效果是我自己实现的,与其连着项目工程一起删掉,不如所以共产主义一下给大家作参考. 使用版本:cocos 2d-x 3.6(适用于所 ...

  7. IIS 挂载android的apk文件进行下载

    需要进行MIME的映射处理: 添加MIME映射:文件扩展名:.apk,MIME文件类型:application/vnd.android

  8. CRtmpServer分析与应用

    CRtmpServer分析与应用 官方地址:http://www.rtmpd.com/ CRtmpServer是一款不错的开源流媒体服务器,用c++语言编写,跨平台.官方介绍CRtmpServer不仅 ...

  9. sql数据库链接

    针对数据库只能链接计算机名称不能进行点(.)或者local本地链接的问题.主要会出现在刚装完系统的用户. 解决方法: 首先从SQL Server配置管理器中找到SQL Server网络配置的协议:TC ...

  10. python中关于元组的操作

    元组的基本操作:1.创建一个元组: tuple=(1,26); tuple1=(","sy"); 创建一个空元组: tuple=(); 元组中只包含一个元素时,需要在元素 ...