Question

我有一个要转换为管道功能的函数，但在阅读angular网站上的文档后仍然不确定。

在遵循他们网站上的文档后，仍然让我感到困惑。

checkBoolean() {
    if (boolean) {
      return 'true';
    } else if (!boolean) {
      return 'false';
    } else {
      return 'true';
    }
  }

此方法中的代码工作正常，但我想将其切换为管道函数。

Answer 1

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 g p Bool”或“ ng generate pipe Bool”来使用cli搭建新管道。

如何将函数转换为管道函数

1 个答案: