时间戳

首页 > 解决方案 > 与 Angular 项目相比，Angular Nativescript 项目中的模块组件结构和延迟加载是否相同？

angular - 与 Angular 项目相比，Angular Nativescript 项目中的模块组件结构和延迟加载是否相同？

问题描述

所以，我想构建这个我正在使用 Angular 和 Nativescript 的项目。问题是我找不到任何关于基本灵活和健壮架构的指南。遵循angular提供的方法可以吗？

标签： angularnativescriptnativeangular-nativescript

解决方案

尝试在应用程序路由页面中为项目内的所有页面添加路由 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"]);
 }
}

推荐阅读