constructor(c: ChangeDetectorRef, r: ElementRef) {
   c.detach();
   this.el = r.nativeElement;
 }

 }).then(schema => {
   this.toastrService.clear(loadingToaster.toastId);
   this.schema = schema;
   this.changeDetectorRef.markForCheck();
 }).catch(error => {

 .subscribe(m => {
   this.menu = m;
   this._cdr.markForCheck();
 });

 media.observe('(max-width: 599px)').subscribe( isMatched => {
   this.isMediaSmall = isMatched.matches;
   cdr.markForCheck();
 });

 setInterval(() => {
   // the following is required, otherwise the view will not be updated
   this.ref.markForCheck();
 }, 5000);

this._intlSubscription = _intl.changes.subscribe(() => changeDetectorRef.markForCheck());

 ngAfterViewInit() {
     this.drawer = this.drawerComponent.sideDrawer;
     this._changeDetectionRef.detectChanges();
 }

 this.toolbar.stateChange.subscribe(editor => {
     this.selected =
         this.group.tools.find(option => option.select(editor.state)) || this.group
     this.cdr.detectChanges()
 })

 setInterval(() => {
   this.ref.markForCheck();
 }, 100);

 ngOnDestroy () {
   this.chRef.detach();
 }