Breaking News: Grepper is joining You.com. Read the official announcement!

display element with ng-template

Banana in Transit answered on March 7, 2022 Popularity 3/10 Helpfulness 2/10

answer display element with ng-template

display element with ng-template

Comment

<!-- 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>

Popularity 3/10 Helpfulness 2/10 Language html

Source: stackoverflow.com

Tags: display element html ng-template

Link to this answer
Share Copy Link