typescript - Angular 2 istemci tarafında Boolean değerlerini metne dönüştürme

Detay

API'den veri almaya ve tabloya göstermeye çalışıyorum, sütunlardan biri durum (status) özelliğini içeriyor ve true veya false değeri döndürüyor ama ben bunu istemiyorum; bunun yerine istemci tarafında Aktif veya Engelli olarak göstermek istiyorum. Bunu Angular 2'de nasıl başarabilirim?

Cevap #1

Boolean'a göre aktif veya engellenmiş döndüren bir boru önerebilirim.

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

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

Sonra bunu bileşenlerinizin şablonunda bu şekilde kullanabilirsiniz:

{{value | activeBlocked}}

Bence bu en kolay yeniden kullanılabilen.

Cevap #2

Bunu doğrudan görünümde yapabilirsiniz:

<td>{{user.IsActive && 'Active' || 'Block'}}</td>