angular4过滤器

Angular4中过滤器

一、大小写转换过滤器

uppercase将字符串转换为大写
lowercase将字符串转换为小写

<p>将字符串转换为大写{{str | uppercase}}</p>
//str:string = 'hello'

二、日期过滤器

date。日期过滤器符可以接受参数，用来规定输出日期的格式。

<p>现在的时间是{{today | date:'yyyy-MM-dd HH:mm:ss'}}</p>
//today:Date = new Date();

三、数字过滤器

number过滤器用来将数字处理为我们需要的小数格式
接收的参数格式为{最少整数位数}.{最少小数位数}-{最多小数位数}
其中最少整数位数默认为1
最少小数位数默认为0
最多小数位数默认为3
当小数位数少于规定的{最少小数位数}时，会自动补0
当小数位数多于规定的{最多小数位数}时，会四舍五入

<p>价钱是{{pi | number:'2.2-4'}}</p>
//pi:number = 323.5;

价钱是323.50

四、货币过滤器

currency过滤器用来将数字转换为货币格式

<p>{{a | currency:'USD':false}}</p>
<p>{{b | currency:'USD':true:'4.2-2'}}</p>
//a:number = 8.2515
//b:number = 156.548

页面上将显示
USD8.25 0156.55这里的′USD′是美元UnitedStatesdollar的缩写，当为false时不显示0156.55这里的′USD′是美元UnitedStatesdollar的缩写，当为false时不显示符，当为true时，则显示$符。后面的规定小数位数的参数和上面介绍的一样。

angular4过滤器相关推荐

Redis 预防缓存穿透“神器” — 布隆过滤器
1. 布隆过滤器 1.1 概念在架构设计时有一种最常见的设计被称为布隆过滤器,它可以有效减少缓存穿透的情况.其主旨是采用一个很长的二进制数组,通过一系列的 Hash 函数来确定该数据是否存在. 布隆 ...
SpringBoot2.3 修改响应头、添加更新token、解决在过滤器中修改失败
前言使用Spring Boot开发项目的过程中,难免会遇到向响应头中写入一些信息,例如更新了的token,用户详情等信息.在请求头中添加,请求时就可以通过过滤器,拦截器等验证或者获得请求头传递的信息 ...
[JAVA EE] Filter过滤器
Filter过滤器 ◼ 过滤器(Filter)可以动态地拦截请求和响应. ◼ 应用场景:过滤敏感词汇.防止SQL注入.设置字符编码.进行URL级别的权限访问控制.压缩响应信息等. 启动文件DemoA ...
转《Angular4项目部署到服务器上刷新404解决办法》
刚遇到Angular4项目npm run build 后部署到服务器可以访问,但是刷新页面会出现404的错误!转载一大神的操作解决angular2页面刷新后报404错误办法: 配置app.modul ...
java 过滤器Filter
Filter简介 Filter也称之为过滤器,它是Servlet技术中最实用的技术,Web开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件 ...
java 编码过滤器_Java编码过滤器
Java编码过滤器: package com.utils; import javax.servlet.*; import javax.servlet.http.*; public class Enco ...
android service intent-filter,如何在permission中加入intent-filter过滤器获取NotificationListenerService权限...
现在要让我的app获取NotificationListenerService权限,我勾选了BIND_NOTIFICATION_LISTENER_SERVICE权限后,用native.js跳到ACTIO ...
authc过滤器 shiro_shrio 权限管理filterChainDefinitions过滤器配置
/** * Shiro-1.2.2内置的FilterChain * @see ============================================================= ...
Angular4.0从入门到实战打造在线竞拍网站学习笔记之四--数据绑定管道
Angular4.0基础知识之组件 Angular4.0基础知识之路由 Angular4.0依赖注入 Angular4.0数据绑定&管道数据绑定数据绑定允许你将组件控制器的属性和方法与组件 ...