6.3 - 自定义管道

创建自定义管道

ng g p pipes/test

使用自定义管道

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
    name: 'test'
})
export class TestPipe implements PipeTransform {
    transform(value: unknown, ...args: unknown[]): unknown {
        return '>>>' + value + '<<<';
    }
}
<div>{{ name | test }}</div>