feat: migrate to more modern style

Author: edusperoni

apps/nativescript-demo-ng/src/app/app.component.ts

@@ -1,6 +1,5 @@
-import { Component, ViewContainerRef, OnInit, OnDestroy, NO_ERRORS_SCHEMA } from '@angular/core';
-import { NativeDialogModule, NativeScriptHttpClientModule, PageRouterOutlet } from '@nativescript/angular';
-import { AppRoutingModule } from './app-routing.module';
+import { Component, NO_ERRORS_SCHEMA, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { PageRouterOutlet } from '@nativescript/angular';
 
 // registerElement('ns-app', () => GridLayout);
 @Component({

apps/nativescript-demo-ng/src/app/app.module.ts

@@ -1,7 +1,4 @@
-import { NgModule } from '@angular/core';
 import { Routes } from '@angular/router';
-import { NativeScriptRouterModule } from '@nativescript/angular';
-
 import { ItemDetailComponent } from './item/item-detail.component';
 import { ItemsComponent } from './item/items.component';
 // import { HomeComponent } from './home/home.component';
@@ -11,7 +8,7 @@ export const routes: Routes = [
   { path: '', redirectTo: '/rootlazy', pathMatch: 'full' },
   { path: 'items', component: ItemsComponent },
   { path: 'item/:id', component: ItemDetailComponent },
-  { path: 'item2', loadChildren: () => import('./item2/item2.module').then((m) => m.Item2Module) },
+  { path: 'item2', loadChildren: () => import('./item2/item2.routes').then((m) => m.ITEM2_ROUTES) },
   { path: 'rootlazy', loadChildren: () => import('./item3/item3.module').then((m) => m.Item3Module) },
 
   /**
@@ -36,9 +33,3 @@ export const routes: Routes = [
   //   loadChildren: () => import('./item2/item2.module').then((m) => m.Item2Module),
   // },
 ];
-
-@NgModule({
-  imports: [NativeScriptRouterModule.forRoot(routes)],
-  exports: [NativeScriptRouterModule],
-})
-export class AppRoutingModule {}

apps/nativescript-demo-ng/src/app/app-routing.module.ts renamed to apps/nativescript-demo-ng/src/app/app.routes.ts

@@ -0,0 +1,4 @@
+import { Routes } from '@angular/router';
+import { ItemDetailComponent } from './item-detail2.component';
+
+export const ITEM2_ROUTES: Routes = [{ path: ':id', component: ItemDetailComponent }];

apps/nativescript-demo-ng/src/app/item2/item2-routing.module.ts

@@ -12,7 +12,7 @@ import { Trace } from '@nativescript/core';
 import { withInterceptorsFromDi } from '@angular/common/http';
 import { importProvidersFrom } from '@angular/core';
 import { setWindowBackgroundColor } from '@nativescript/core/utils/ios';
-import { routes } from './app/app-routing.module';
+import { routes } from './app/app.routes';
 import { AppComponent } from './app/app.component';
 
 Trace.enable();