revert(page-router-outlet): stop detaching when navigating away from page

Author: sis0k0

Diff for: nativescript-angular/common/detached-loader.ts

@@ -41,7 +41,7 @@ export class DetachedLoader { // tslint:disable-line:component-class-suffix
     }
 
     public detectChanges() {
-        this.changeDetector.detectChanges();
+        this.changeDetector.markForCheck();
     }
 
     // TODO: change this API -- async promises not needed here anymore.

Diff for: nativescript-angular/router/page-router-outlet.ts

@@ -1,7 +1,6 @@
 import {
     Attribute, ComponentFactory, ComponentRef, Directive,
-    ReflectiveInjector, ResolvedReflectiveProvider,
-    ViewRef, ViewContainerRef,
+    ReflectiveInjector, ResolvedReflectiveProvider, ViewContainerRef,
     Inject, ComponentFactoryResolver, Injector
 } from "@angular/core";
 import { isPresent } from "../lang-facade";
@@ -62,7 +61,6 @@ export class PageRouterOutlet { // tslint:disable-line:directive-class-suffix
     private viewUtil: ViewUtil;
     private refCache: RefCache = new RefCache();
     private isInitialPage: boolean = true;
-    private previousPagesViews: Array<ViewRef> = new Array();
     private detachedLoaderFactory: ComponentFactory<DetachedLoader>;
 
     private currentActivatedComp: ComponentRef<any>;
@@ -154,16 +152,8 @@ export class PageRouterOutlet { // tslint:disable-line:directive-class-suffix
         this.currentActivatedRoute = activatedRoute;
 
         if (this.locationStrategy._isPageNavigatingBack()) {
-            if (this.previousPagesViews.length) {
-                this.containerRef.insert(this.previousPagesViews.pop());
-            }
-
             this.activateOnGoBack(activatedRoute, outletMap);
         } else {
-            if (this.containerRef.length) {
-                this.previousPagesViews.push(this.containerRef.detach());
-            }
-
             this.activateOnGoForward(activatedRoute, providers, outletMap, resolver, injector);
         }
     }
@@ -206,11 +196,9 @@ export class PageRouterOutlet { // tslint:disable-line:directive-class-suffix
                 [...providers, ...pageResolvedProvider], injector);
             const loaderRef = this.containerRef.createComponent(
                 this.detachedLoaderFactory, this.containerRef.length, childInjector, []);
-
             loaderRef.changeDetectorRef.detectChanges();
 
             this.currentActivatedComp = loaderRef.instance.loadWithFactory(factory);
-
             this.currentActivatedComp.changeDetectorRef.detectChanges();
 
             this.loadComponentInPage(page, this.currentActivatedComp);