* ngЕсли условие выполнено, но шаблон не перезагружается

Question

Я столкнулся со странной проблемой при работе с angular 7 * ngЕсли условие выполнено, мой шаблон не перезагружается. это шаблон родительского компонента, а app-test-step-tree-alt-view-d3 и app-test-stpe-tree-view-d3 являются дочерним компонентом

<div *ngIf="showD3view || showD3Altview">
  <app-test-step-tree-alt-view-d3 *ngIf="showD3Altview" (elementsEmit)="onChildboxSelection($event)" [altPathFlagD3]="altPathFlagD3" [altPathFlagTable]="altPathFlagTable"></app-test-step-tree-alt-view-d3>
  <app-test-stpe-tree-view-d3 *ngIf="showD3view" (elementsEmit)="onChildboxSelection($event)" [altPathFlagD3]="altPathFlagD3" [altPathFlagTable]="altPathFlagTable"></app-test-stpe-tree-view-d3>
  <div class="pavv">
    <div class="backcolor">

        <section class="alternatePathPosition altPath-section">
          <mat-slide-toggle
              class="altPath-margin"
              [color]="color"
              [checked]="altPathFlagD3" 
  (change)="toggleD3($event)">
            Alternate Path
          </mat-slide-toggle>
        </section>
      <img
      id="listViewImg"
        src="./assets/images/listView.png"
        class="viewTreePosition"
        (click)="setListFlags()"
      />
    </div>
  </div>
</div>

, а флаг Typescript

  toggleD3(event){
   this.showD3Altview=event.checked;
   this.altPathFlagTable=String(event.checked);
   this.altPathFlagD3=String(event.checked);
   debugger;
   if(this.showTreeview){
    if(this.showD3Altview && this.showD3view){
      this.showD3Altview=true;
      this.showD3view=false;
   }else{
    //this block executes but doesn't reloads template
    this.showD3Altview=false;
    this.showD3view=true;
   }
   }
  }

устанавливается как обычно в консоли, но когда пользователь играет Шаблон не перезагружается. Пожалуйста, помогите мне, что я новичок в angular