关于angular:自定义管道

创立管道

ng g p play-count

实现管道

import { Pipe, PipeTransform } from '@angular/core';
//@Pipe将类标记为一个管道，name为调用该管道时应用的符号
@Pipe({     
  name: 'playCount'
})
export class PlayCountPipe implements PipeTransform {
  /*
 1. transfrom中传入要转换的值
 2. 返回值为number或者string
 */ transform(value: number): number | string { 
    if (value > 10000) {
      return Math.floor(value / 10000) + '万';
 } else {
      return value;
 }
  }
}

应用管道

{{sheet.playCount | playCount}}

管道定义

管道是一些简略的函数，能够在模板表达式中(双大括号)用来承受输出值并返回一个转换后的值。
管道类首字母全大写。name名首字母小写，其余首字母大写。

创立管道

• 用@Pipe将类标记，并给定一个含有name字段的对象
• 实现PipeTransform接口