新建管道
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