AngularJs——基础小知识(二)

时间:2022-07-26 00:31:23

AngularJs的过滤器

1、Currency :过滤器(金额货币格式化)
      AngularJs——基础小知识(二)
      AngularJs——基础小知识(二)
       可以针对多个参数进行过滤;
 

2、Number :把数字转换成文本的一种格式;(就是把数字加上了千分符)

AngularJs——基础小知识(二)
 
如果有小数点的话,number是默认保留3位的;
假设不想保留3位,可以参数修改;
AngularJs——基础小知识(二)
 

3、lowercase/uppercase :大小写转换;

AngularJs——基础小知识(二)
AngularJs——基础小知识(二)
 
 

4、Json : 过滤成json的格式;

AngularJs——基础小知识(二)
 注意:必须是<pre>标签,不然不可以;
 
 

5、limitTo : 截取的操作;(字符串和数组都可以截取)

AngularJs——基础小知识(二)
AngularJs——基础小知识(二)
 
 

6、Date : 针对于时间的过滤器;(数字是时间的毫秒数)

AngularJs——基础小知识(二)
AngularJs——基础小知识(二)AngularJs——基础小知识(二)
 
 

7、orderBy :排序;(针对的是一个数组,数组里是json的形式)---从小到大;

有2个参数:第一个参数就是我们以哪一个排序;第二个参数写上true是个逆排序(从大到小);
AngularJs——基础小知识(二)
AngularJs——基础小知识(二)
 
 8、Filter : 过滤;
第一个参数:针对于value值,针对于key值是没有作用的(想过滤出来的东西,只要包含就会匹配出来);
第二个参数:true;匹配整体的意思;
AngularJs——基础小知识(二)
 
 
 
AngularJs——基础小知识(二)
AngularJs——基础小知识(二)
AngularJs——基础小知识(二)
 
 
AngularJs过滤器的组合使用 -- 以上都是在html里使用的过滤器
 
AngularJs——基础小知识(二)
 
 
在js中使用过滤器
通过使用$filter来实现的;
 
AngularJs——基础小知识(二)
AngularJs——基础小知识(二)
AngularJs——基础小知识(二)
 
 
 
自定义过滤器
是通过angular.module模块下的filter方法实现的;
AngularJs——基础小知识(二)
 
 
 
 
 

AngularJs——基础小知识(二)的更多相关文章

  1. AngularJS——基础小知识(一)

    $time0ut :定时器 $rootscope :全局的 $scope : 局部的作用域:   它下面的方法: $scope.$watch $scope.$apply   1)$scope.$wat ...

  2. Java基础小知识(一)

     序言:“不积跬步,无以至千里.不积小流,无以成江海.”每一个庞大的知识架构都是由无数个小知识点慢慢积累起来的,没有量变的积累,就没有质变上的飞跃,成功往往离不开积累. 今天就和大家分享一些我在学习J ...

  3. 刚开始学习Javascript的一些基础小知识,从入门到崩溃,希望对大家有帮助(只适合初学者)

    一.简介 1.JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型,js不能操作文件. 重要的开始啦!!!!! 引入javascript: 行间js <d ...

  4. 学习笔记:Java的一些基础小知识之JVM与GC

      一.JVM是什么 Java虚拟机(英语:Java Virtual Machine,缩写为JVM),又名爪哇虚拟器,一种能够运行Java bytecode的虚拟机,以堆栈结构机器来进行实做.最早由太 ...

  5. java基础小知识

    1.1常量: 基本数据类型常量 字符常量 整数常量的表现形式:一进制的形式来表示(二进制,八进制,十进制,十六进制) 生活中:十进制(0-9)  ,星期(七进制(0-6)) ,时间(十二进制(0-11 ...

  6. Java的一些基础小知识之JVM与GC &lpar;转&rpar;

    一.JVM是什么 Java虚拟机(英语:Java Virtual Machine,缩写为JVM),又名爪哇虚拟器,一种能够运行Java bytecode的虚拟机,以堆栈结构机器来进行实做.最早由太阳微 ...

  7. Java基础小知识笔记

    1. Integer转进制的一个类2. toBinaryString,toOctalString,toHexString.(转为二进制,八进制,十六进制的方法)3. 如果·数据的大小没有超过byte/ ...

  8. python基础小知识,is和&equals;&equals;的区别,编码和解码

    1.is和==的区别 1)id() 通过id()我们可以查看到一个变量表示的值在内存中的地址 >>> s1 = "Tanxu" >>> s2 = ...

  9. CSS-DOM的小知识&lpar;二&rpar;

    上篇文章说到,通过element.style.property可以获得元素的样式,但是style属性只能够返回内嵌样式,对于外部样式表的样式和head中的style样式都无法获取,这就限制了此方法的使 ...

随机推荐

  1. GraphX的三大图算法

    1. PageRank http://blog.csdn.net/hguisu/article/details/7996185 2. Connected Components 3. Triangle ...

  2. CentOS评估磁盘I&sol;O性能读写极限测试

    用一个fio工具 安装 yum -y install fio 二,FIO用法: 随机读:fio  -direct=1 -iodepth 1 -thread -rw=randread -ioengine ...

  3. jsoup抓取借书记录

    package tushuguan; import java.io.IOException; import java.util.ArrayList; import java.util.HashMap; ...

  4. &lpar;五&rpar;u-boot2013&period;01&period;01 for TQ210:《移植前的准备及u-boot初编译》

    移植前的准备 移植前,要做的事情是搭建开发环境以及对U-boot源码的获取.首先说一下开发环境: 1.此次U-boot移植的硬件平台是天嵌的TQ210开发板: CPU:板载核心是S5PV210(Cor ...

  5. robots&period;txt用法

    主要作用是告诉蜘蛛爬虫该网站下哪些内容能抓取,哪些内容不能抓取.虽然可以没有robots.txt这个文件,默认就抓取该网站的所有文件,对搜索引擎爬虫没有任何的影响,但是如果你想控制蜘蛛的检索间隔,你就 ...

  6. eclipse 创建maven模块

    先创建一个聚合模块. 勾选Create a simple project 点击finish . 看到已经创建好了这个聚合. 接下来我们创建子模块.pay-hk  pay-web 两个字模块,前面一个是 ...

  7. echarts将图表Y坐标刻度设置成只显示整数

    echarts的配置项中没有直接将坐标刻度强制设为整数的选项,但可以通过minInterval属性将刻度以整数形式显示,在配置项的yAxis对象中添加属性: minInterval: 1 表示将刻度的 ...

  8. APP,H5测试要点

    APP测试重点 一,运行测试 运行过程中,是否有加载提示: 运行速度是否流畅: 各个模块之间的切换是否正常: 二,更新测试:打开旧版app时,是否有更新提示,且在不同的手机版本上都能更新成功:打开新版 ...

  9. Nginx 如何处理上游响应的数据

    陶辉93 一个非常重要的指令 proxy_buffer_size 指令限制头部响应header最大值 proxy_buffering 指令主要是指 上游服务器是否接受完完整包体在处理 默认是on 也就 ...

  10. ajax基础知识

    一个简单的ajax例子: Uncaught SyntaxError: Unexpected token input看看是否是漏了:或者函数没有() //更新单个简历完整度 function updat ...