app/src/commons/component/node-detail.component.html

<div>
  <img src="{{node.image}}" width="100" height="100" />
</div>

<ng-container [ngSwitch]="node.group">

  <ng-container *ngSwitchCase="'zone'">
    <app-zone-detail [zone]=""></app-zone-detail>
  </ng-container>

  <ng-container *ngSwitchCase="'host'">
    <app-host-detail [host]="node.target"></app-host-detail>
  </ng-container>

  <ng-container *ngSwitchCase="'service'">
    <app-service-detail [service]="node.target"></app-service-detail>
  </ng-container>

  <ng-container *ngSwitchDefault>
  </ng-container>

</ng-container>