Question

我有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>

现在，你的任务重命名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 }}

重命名json的get对象

1 个答案: