Запретить свойство роутера-розетки по умолчанию

Question

Хочу включить / отключить router-outlet динамически. Когда router-outlet был отключен, tab-outlet обрабатывает маршрутизацию. Мне интересно, что когда isActivate false, то tab-outlet работает нормально! Но когда isActivate true по умолчанию и отключить вручную (нажмите на кнопку), это не работает.

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class AppComponent {

  isActivate = true;

  constructor(private cd: ChangeDetectorRef) {
  }

  onDeactive() {
    this.isActivate = false;
    setTimeout(() => {
      this.cd.detectChanges();
    });
  }

}

<app-tab-outlet></app-tab-outlet>
 <router-outlet *ngIf="isActivate"></router-outlet>
<button type="button" (click)="onToggle()">Show RouterOutlet</button>

См. В Stackbilitz