重命名JSON

Question

的get對象我有HTTP服務，並得到一些JSON：

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

顯示在HTML servicecontrolled只有true：

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

而現在，Y的任務就是重新命名true來另一個詞，例如。 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 }}