angular管道

管道的使用

1、花括号的形式

{
  { 输入数据 | 管道 : 管道参数 }}

2、属性的形式

<input type="text" [value]="val | date"/>

3、指令的形式

<li *ngFor="let item of items | 管道 : 管道参数">{
  {item.name}}</li>

内置管道

管道名	用途
date	日期管道，格式化日期
json	将输入数据对象经过JSON.stringify()方法转换后输出对象的字符串
uppercase	将文本所有小写字母转换成大写字母
lowercase	将文本所有大写字母转换成小写字母
number	将数值按特定的格式显示文本
percent	将数值转百分比格式
currentcy	将数值进行货币格式化处理
slice	将数组或者字符串裁剪成新子集

date

	export class AppComponent {
		 public val=new Date()
	}
		{
  { val |  date