【angular-基础教程】使用自定义管道

博客首页导航

新建管道

ng g p bool2textFilter

bool2text-filter.pipe.ts

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'bool2textFilter'
})
export class Bool2textFilterPipe implements PipeTransform {

  transform(value: unknown, ...args: unknown[]): unknown {
    if(value == true) {
      return "是"
    }
    if(value == false) {
      return "否"
    }
    return null;
  }
}

使用
.html

{{test | bool2textFilter}}

.ts

test: boolean = true

参考