Являются ли структура Module-Component и отложенная загрузка одинаковыми в Angular Nativescript проекте по сравнению с Angular проектами?

Question

Итак, я хочу структурировать этот проект, с которым я работаю Angular и Nativescript. Проблема в том, что я не могу найти руководство по базовой гибкой и надежной архитектуре. Можно ли следовать тому, что дает angular

Answer 1

Попробуйте добавить URL-адрес маршрута для всех страниц в проекте на странице маршрутизации приложения, например: -

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"]);
 }
}