내가 HTTP 서비스가 JSON

Question

의 GET 개체의 이름을 변경, 일부 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 이름을 바꿀 수있다 다른 단어, 예. onn/off. 어떻게 수행하나요?

Answer 1

이 같은 것을 할 수있는 :

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

을 그리고 당신의 템플릿 :

이

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

또는 여러 장소에 필요한 경우 당신이 그것을 위해 파이프를 만들 수

{{ service_rec.servicecontrolled | toOnOff }} 

을