chore: angular 9 cleanup (#2188)

Author: NathanWalker

e2e/animation-examples/app/app.module.ts

@@ -5,9 +5,7 @@ import {
     APP_INITIALIZER
 } from "@angular/core";
 
-import { NativeScriptModule } from "@nativescript/angular";
-import { NativeScriptAnimationsModule } from "@nativescript/angular/animations";
-import { NSModuleFactoryLoader } from "@nativescript/angular/router";
+import { NativeScriptModule, NativeScriptAnimationsModule } from "@nativescript/angular";
 
 import { AppRoutingModule } from "./app.routing";
 import { AnimationsListComponent } from "./animations-list.component";

e2e/animation-examples/app/selector-all.component.ts

@@ -5,7 +5,7 @@ import {
     transition,
     trigger,
 } from "@angular/animations";
-import { Component } from "@angular/core";
+import { Component, NgZone } from "@angular/core";
 
 @Component({
     moduleId: module.id,
@@ -31,7 +31,7 @@ import { Component } from "@angular/core";
     template: `
         <FlexboxLayout flexDirection="column"
             automationText="itemsContainer">
-            <Button text="add" automationText="add" (tap)="items.push('random')"></Button>
+            <Button text="add" automationText="add" (tap)="addRandom()"></Button>
 
             <FlexboxLayout
                 flexDirection="column"
@@ -54,11 +54,19 @@ export class SelectorAllComponent {
         "second",
     ];
 
+    constructor(private zone: NgZone) {}
+
     add() {
         const newItem = `Item ${this.items.length}`;
         this.items.push(newItem);
     }
 
+    addRandom() {
+      // this.zone.run(() => {
+        this.items.push('random');
+      // });
+    }
+
     remove(item) {
         const index = this.items.indexOf(item);
         this.items.splice(index, 1)

e2e/animation-examples/package.json

@@ -47,7 +47,7 @@
     "typescript": "~3.8.3"
   },
   "scripts": {
-    "clean": "npx rimraf hooks node_modules package-lock.json",
+    "clean": "npx rimraf hooks node_modules platforms package-lock.json",
     "setup": "cd ../../nativescript-angular && npm run pack && cd ../e2e/animation-examples && npm run clean",
     "u": "update-ns-webpack",
     "e2e": "tsc -p e2e && mocha --opts ../config/mocha.opts --recursive e2e --appiumCapsLocation ../config/appium.capabilities.json",
@@ -56,6 +56,8 @@
     "ns-verify-bundle": "ns-verify-bundle",
     "update-ns-webpack": "update-ns-webpack",
     "ngcc": "ngcc --properties es2015 module main --first-only",
-    "postinstall": "npm run ngcc"
+    "postinstall": "npm run ngcc",
+    "ios": "tns debug ios --env.aot --emulator --no-hmr",
+    "android": "tns debug android --env.aot --emulator --no-hmr"
   }
 }

e2e/modal-navigation-ng/app/app.routing.ts

@@ -1,5 +1,5 @@
 import { NgModule } from "@angular/core";
-import { NativeScriptRouterModule } from "@nativescript/angular/router";
+import { NativeScriptRouterModule } from "@nativescript/angular";
 import { Routes, Router } from "@angular/router";
 
 import { HomeComponent } from "./home/home.component";

e2e/modal-navigation-ng/app/home/home.component.ts

@@ -1,7 +1,6 @@
 import { Component, ViewContainerRef } from "@angular/core";
-import { ModalDialogService, ModalDialogOptions } from "@nativescript/angular/directives/dialogs";
-import { RouterExtensions } from "@nativescript/angular/router";
-import { EventData } from "@nativescript/core/data/observable";
+import { ModalDialogService, ModalDialogOptions, RouterExtensions } from "@nativescript/angular";
+import { EventData } from "@nativescript/core";
 
 import { ViewContainerRefService } from "../shared/ViewContainerRefService";
 import { ModalRouterComponent } from "../modal/modal-router/modal-router.component";

e2e/modal-navigation-ng/app/layout.component.ts

@@ -1,7 +1,7 @@
 import { Component, ViewContainerRef } from "@angular/core";
 import { Router, NavigationEnd } from "@angular/router";
 import { NSLocationStrategy } from "@nativescript/angular";
-import { ModalDialogService, ModalDialogOptions } from "@nativescript/angular/directives/dialogs";
+import { ModalDialogService, ModalDialogOptions } from "@nativescript/angular";
 import { ModalViewComponent } from "./modal-shared/modal-view.component";
 import { ViewContainerRefService } from "./shared/ViewContainerRefService";
 import { AppModule } from "./app.module";

e2e/modal-navigation-ng/app/modal-nested/modal-nested.component.ts

@@ -1,6 +1,6 @@
 import { Component } from "@angular/core";
 import { View, ShownModallyData } from "@nativescript/core/ui/core/view"
-import { ModalDialogParams } from "@nativescript/angular/directives/dialogs";
+import { ModalDialogParams } from "@nativescript/angular";
 
 @Component({
     moduleId: module.id,

e2e/modal-navigation-ng/app/modal-second/modal-second.component.ts

@@ -1,7 +1,7 @@
 import { Component } from "@angular/core";
 import { View } from "@nativescript/core/ui/core/view"
 import { ActivatedRoute } from "@angular/router";
-import { RouterExtensions } from "@nativescript/angular/router";
+import { RouterExtensions } from "@nativescript/angular";
 
 @Component({
     moduleId: module.id,

e2e/modal-navigation-ng/app/modal-shared/modal-shared-second.component.ts

@@ -1,9 +1,9 @@
 import { Component } from "@angular/core";
-import { ModalDialogOptions, ModalDialogService } from "@nativescript/angular/modal-dialog";
+import { ModalDialogOptions, ModalDialogService } from "@nativescript/angular";
 
 import { ViewContainerRefService } from "../shared/ViewContainerRefService";
 import { ModalViewComponent } from "../modal-shared/modal-view.component";
-import { RouterExtensions } from "@nativescript/angular/router";
+import { RouterExtensions } from "@nativescript/angular";
 
 @Component({
     selector: "ns-second",

e2e/modal-navigation-ng/app/modal-shared/modal-view-content.component.ts

@@ -1,5 +1,5 @@
 import { Component } from "@angular/core";
-import { ModalDialogParams } from "@nativescript/angular/modal-dialog";
+import { ModalDialogParams } from "@nativescript/angular";
 
 @Component({
     selector: "ModalViewContent",