我有一个要转换为管道功能的函数,但在阅读angular网站上的文档后仍然不确定。
遵循他们网站上的文档后,这仍然让我感到困惑。
checkBoolean() {
if (boolean) {
return 'true';
} else if (!boolean) {
return 'false';
} else {
return 'true';
}
}
该代码在此方法中工作正常,但我想将其切换为管道函数。
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
name: 'bool'
})
export class BoolPipe implements PipeTransform {
transform(value: any): string {
return value ? 'true' : 'false';
}
}
在您的模板中使用它
{{ yourBoolProperty | bool }}
您可以通过键入“ ng gp Bool”或“ ng generate pipe Bool”来使用cli搭建新管道。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句