HTML

display element with ng-template

<!-- How to display one element with ng-template (also applies to one or more elements) -->

<div class="button-group">
  <ng-template [ngIf]="tableSettings.selection.selected.length > 0">
        <button mat-button
          class="mat-button"
          (click)="callMethod()">
          Chop Fruit
        </button>
      </ng-template>
   <button mat-button>Some other element</button>
</div>

<!-- The below will NOT work: -->
<!-- ngIf must be in ng-template in order to work properly -->

<div class="button-group">
  <ng-template>
        <button mat-button
          *ngIf="tableSettings.selection.selected.length > 0"
          class="mat-button"
          (click)="callMethod()">
          Chop Fruit
        </button>
      </ng-template>
   <button mat-button>Some other element</button>
</div>