<!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. Struts2动态方法调用

    动态方法就是一个Action对应多个请求,减少Action的数量 1.指定method属性 <action name="addAction" method="add ...

  2. Python3基础 内嵌函数 简单示例

    镇场诗: 诚听如来语,顿舍世间名与利.愿做地藏徒,广演是经阎浮提. 愿尽吾所学,成就一良心博客.愿诸后来人,重现智慧清净体.-------------------------------------- ...

  3. 神经网络NN

    神经网络基本模型: 1.前向神经网络:无圈的有向图N=(V,E,W),其中,V为神经元集合,E为连结权值集合,W为每一连结赋予一实值的权重. 神经元集V可以被分成无接受域的输入结点集V1,无投射域的输 ...

  4. 2.2. 添加托管对象模型（Core Data 应用程序实践指南）

    右键分组Grocery Dude > New Group > Data Model New File > Core Data > 创建新的模板文件

  5. Windows7启用超级管理员administrator账户的多种方法

    开启win7家庭普通版的超级管理员账户Administrotor WIN7家庭普通版没有"本地用户和组"项,不能通过"用计算机右键-管理"的方法开启超级管理员帐 ...

  6. Mac下使用Brew搭建PHP(LNMP/LAMP)开发环境

    Mac下搭建lamp开发环境很容易,有xampp和mamp现成的集成环境.但是集成环境对于经常需要自定义一些配置的开发者来说会非常麻烦,而且Mac本身自带apache和php,在brew的帮助下非常容 ...

  7. mysql 语句总结

    1.多表查询 SELECT a.id,catid,thumb,title FROM v9_gamedown as a LEFT JOIN v9_gamedown_data as b ON a.id=b ...

  8. permeation开篇

    学习方法: To follow the path look to the master follow the master walk with the master see through the m ...

  9. ZXing 生成、解析二维码图片的小示例

    概述 ZXing 是一个开源 Java 类库用于解析多种格式的 1D/2D 条形码.目标是能够对QR编码.Data Matrix.UPC的1D条形码进行解码. 其提供了多种平台下的客户端包括:J2ME ...

  10. 导入礼包时，遇到file_get_contents读取的文本，去除空格、换行等的方法

    解决方法:正则替换: 代码:$gift_code_str = preg_replace('/((\s)*(\n)+(\s)*) /i ',',',file_get_contents($gift_cod ...