@nativescript/template-master-detail-ng/src/app/cars/car-detail-edit/my-image-add-remove/my-image-add-remove.component.html

Master-detail interface to display collection of items from json collection and inspect and edit selected item properties.

<GridLayout
  height="80"
  width="80"
  class="thumb"
  horizontalAlignment="left"
  [backgroundImage]="imageUrl"
  (tap)="onImageAddRemoveTap()"
>
  <GridLayout class="thumb__remove" *ngIf="imageUrl">
    <Label
      text="&#xf2ed;"
      class="far"
      horizontalAlignment="center"
      verticalAlignment="center"
    ></Label>
  </GridLayout>
  <GridLayout class="thumb__add" *ngIf="!imageUrl">
    <Label
      text="&#xf030;"
      class="fas"
      horizontalAlignment="center"
      verticalAlignment="center"
    ></Label>
  </GridLayout>
</GridLayout>