Are Module-Component structure and lazy loading the same in Angular Nativescript project in comparison to Angular projects?

Question

So, I want to structure this project i am working with Angular and Nativescript. The probelem is i cant find any guide for a base flexible and robust architecture. Is it fine to follow the one that angular provides?

Answer 1

Try to add route url for all pages inside the project in app routing page like:-

1. app.routing.module.ts:-

 import { NgModule } from "@angular/core";
 import { Routes } from "@angular/router";
 import { NativeScriptRouterModule } from "nativescript-angular/router";

 const routes: Routes = [
  { path: "", redirectTo: "/login", pathMatch: "full" },
  { path: "home", loadChildren: "~/app/home/home.module#HomeModule" },
  { path: "login", loadChildren: "~/app/login/login.module#LoginModule" },
 ];

 @NgModule({
  imports: [NativeScriptRouterModule.forRoot(routes)],
  exports: [NativeScriptRouterModule]
 })
 export class AppRoutingModule { }

2. home.component.ts

import { Component, OnInit } from "@angular/core";
import { Router } from "@angular/router";
import { Page } from "tns-core-modules/ui/page";

@Component({
  selector: "app-home",
  moduleId: module.id,
  templateUrl: "./home.component.html",
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit{


 constructor(private page: Page, private router: Router) {

 }

 ngOnInit(): void {

 }

 login() {
    this.router.navigate(["/home"]);
 }
}