README.md 1.3 KB

模块介绍

  • 模块项目:study-ng-user
  • 模块名称:user
  • 模块类名:UserModule
  • 模块内容
    • 页面 3个
      • mine 我的页面
      • login 注册页面
      • edit-info 资料编辑页面

安装依赖环境

npm i -S parse
npm i -S @types/parse

复制user模块

  • 将src/modules/user整个目录
  • 复制到自己项目src/modules/user目录处

根组件加载Parse服务

  • 文件 src\app\app.component.ts

    // 根组件顶部引用并初始化Parse服务
    import * as Parse from "parse";
    Parse.initialize("dev");
    (Parse as any).serverURL = 'http://web2023.fmode.cn:9999/parse'
    

通过app根路由加载:用户模块

  • 文件:src\app\app-routing.module.ts
  • 新增路由内容

    const routes: Routes = [
    // xxx
    {
        path: 'user',
        loadChildren: () => import('../modules/user/user.module').then(m => m.UserModule)
    }
    // xxx
    ]
          
    

通过tabs路由加载:我的页面

  • 文件:src\app\tabs\tabs-routing.module.ts
  • 新增路由内容

    const routes: Routes = [
    {
    path: 'tabs',
    component: TabsPage,
    children: [
        // xxxxxx
        {
            path: 'tab3',
            loadChildren: () => import('../../modules/user/mine/mine.module').then(mod => mod.MinePageModule)
        }
        // xxxxxx
    ]
    }