Trying to hide a step I get the warning: "The content does not match any transclusion selectors of the surrounding component"

[Giorgio]

I'm trying to hide a step based on a certain condition: I'm doing something like:

<material-stepper legalJumps="none"
                          orientation="vertical"
                          [noText]="cancelString">


            <template step [name]="functionName" (continue)="onContinueStep1($event)"
                      [canContinue]="valid" [cancelHidden]="false">
                <div>

                </div>
            </template>
            <template step [name]="step2Label" (continue)="onContinueStep2($event)">
                <div>
                </div>
            </template>
            <template *ngIf="showStep3">
              <template step [name]="step3Label" (continue)="onClose()">
                <div>

                </div>
              </template>
            </template>
 </material-stepper>

But, If I add the template "<template *ngIf="showStep3">", I get the warning: The content does not match any transclusion selectors of the surrounding component ..

Any hint?

[Ted Sander]

you don't use the * syntax for template: <template [ngIf]="showStep3">