typescript - 将 bool 值更改为 Angular 2 客户端中的文本

Question

详情

我正在尝试从 api 获取数据并显示到包含状态属性的列的表中，该属性返回 true 或 false 值，但我想在客户端显示 Active 或 Block 而不是这个。我怎样才能在 Angular 2 中实现这一目标。

Answer 1

我会建议根据 bool 值返回事件或阻塞的管道。

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

@Pipe({name: 'activeBlocked'})
export class ActiveBlockedPipe implements PipeTransform {
    transform(value) {
        return value ? 'Active' : 'Blocked';
    }
}

然后你可以像这样在你的组件模板中使用它:

{{value | activeBlocked}}

在我看来，这是最容易重用的。