README.md 1.4 KB

模块介绍

  • 模块项目:study-ng-contact
  • 模块名称:contact
  • 模块类名:ContactModule
  • 模块内容
    • 页面 2个
      • contact-list 列表页
      • contact-detail 详情页

安装依赖环境

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

复制contact模块

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

根组件加载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: 'contact',
        loadChildren: () => import('../modules/contact/contact.module').then(m => m.ContactModule)
    }
    // xxx
    ]
          
    

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

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

    const routes: Routes = [
    {
    path: 'tabs',
    component: TabsPage,
    children: [
        // xxxxxx
        {
            path: 'tab2',
            loadChildren: () => import('../../modules/contact/contact-list/contact-list.module').then(mod => mod.ContactListPageModule)
        }
        // xxxxxx
    ]
    }