Скройте шаг в материале углового дротика - PullRequest
0 голосов
/ 09 октября 2019

Я пытаюсь скрыть шаг на основании определенного условия: я делаю что-то вроде:

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

Но, если я добавлю шаблон "<template *ngIf="showStep3">", я получу предупреждение: Содержимое не соответствует никаким селекторам включения окружающего компонента.

Любой намек?

Обновление 1: проблема в синтаксисе ngIf, в шаблоне, который мы не можем использовать *, но: <template [ngIf]="showStep3">

...