私はHTTPサービスを持っているJSON

Question

の取得オブジェクトの名前を変更し、いくつかのJSONを取得：HTML servicecontrolledで

[{ 
    "nodename": "192.124.105.55", 
    "servicelist": [{ 
     "id": "ec9471ec001c10b9fa286e1f52e39c5dc9485a7c2cfbf55145c26242bb98ec4d", 
     "name": "Nginx", 
     "status": "Online", 
     "servicecontrolled": true 
    }, 
{ 
     "id": "f4ca9e0badc6b23e3e36444bd7ee4a9efcd39de8e0bb4cdecb25b5a02ef86ba5", 
     "name": "Memcached", 
     "status": "Offline", 
     "servicecontrolled": false 
    }] 

のみ表示true：今

<td> 
    <span *ngIf="!!service_rec.servicecontrolled">{{ service_rec.servicecontrolled | json }}</span> 
</td> 

とし、yのタスクが来るようにtrueの名前を変更で別の言葉、ex。 onn/off。 どうすればいいですか？

Answer 1

あなたはこのような何か行うことができます：

{{ service_rec.servicecontrolled ? 'on/off' : 'false' }} 

をそれとも、複数の場所でそれを必要とする場合、あなたはそれのためのパイプを作成することができます。

@Pipe({name: 'toOnOff'}) 
export class OnOffPipe implements PipeTransform { 
    transform(value: boolean): string { 
    return value ? 'on/off' : 'false'; 
    } 
} 

そして、あなたのテンプレート内を：

{{ service_rec.servicecontrolled | toOnOff }}