Запретить рендеринг компонента с помощью ndcDynamicComponent в mat-vertical-stepper с определенным условием

Question

Я использую mat-vertical-stepper с динамическим компонентом, использующим эмиттер (ndcDynamicComponent) .Я хочу остановить функцию эмиттера при определенных условиях.Я использую угловой 7. Ниже я упомянул свои коды.

<mat-vertical-stepper #stepper [linear]="islinear()" (selectionChange)="currentPage($event)">
        <mat-step *ngFor="let step of allComponents; let i=index"
                  [editable]="editable(step)" [completed]="completed(step)"
                  [ngClass]="{'active':selectedTab}">
            <ng-template matStepLabel>
                <div fxLayout="row" fxLayoutAlign="start center">
                    <div fxFlex>
                        <div fxLayout="row" fxLayoutAlign="start center">
                            <div class="mat-custom-step-label" fxFlex="200px">
                                {{step.component.displayName}}
                            </div>
                        </div>
                    </div>
                </div>
            </ng-template>
            <ndc-dynamic *ngIf="stepper.selectedIndex == i"
                         [ndcDynamicComponent]="allComponentMap[step.component.componentName]"
                         [ndcDynamicInputs]="inputs"
                         [ndcDynamicOutputs]="outputs"
                         (ndcDynamicCreated)="componentCreated($event);"></ndc-dynamic>
        </mat-step>
    </mat-vertical-stepper>