管道 - 自定义管道

优质
小牛编辑
139浏览
2023-12-01
  • 使装饰器包含具有name属性的管道元数据。 此值将用于在模板表达式中调用此管道。 它必须是有效的JavaScript标识符。
  • 实现PipeTransform接口的transform方法。 此方法接受管道的值和任何类型的可变数量的参数,并返回一个变换的(“管道”)值。
  1. import { Component } from '@angular/core';
  2. selector: 'app-root',
  3. template: `
  4. <div>
  5. <p *ngFor="let f of fileSizes">{{ f | formatFileSize }}</p>
  6. })
  7. export class AppComponent {
  8. fileSizes = [10, 100, 1000, 10000, 100000, 10000000, 10000000000];
  9. }