PhoneGap中文网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 272|回复: 0

Ionic3.x中对app.module.ts的分析

[复制链接]

19

主题

37

帖子

180

积分

注册会员

Rank: 2

积分
180
发表于 2018-1-17 14:26:35 | 显示全部楼层 |阅读模式
对于刚接触ionic3的朋友可能还摸不着头绪,那么需要从比较基础来逐步了解学习。Ionic3.x中app.module.ts具体是怎样呢?

下面我们通过下面的代码来进行了解:(注:资料来源于 IT营 ionic3.x仿京东商城项目实战免费视频教程)

ionic3教程网盘下载地址:https://pan.baidu.com/s/1eTyvq5W

更多ionic教程详细资料可访问:https://www.itying.com/goods-460.html

  1. /这个根模块会告诉 ionic 如何组装该应用
  2. import { NgModule, ErrorHandler } from '@angular/core';
  3. import { BrowserModule } from '@angular/platform-browser';

  4. import { ComponentsModule } from '../components/components.module';
  5. import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
  6. import { MyApp } from './app.component'; /*根组件*/
  7. //其他组件
复制代码
  1. import { AboutPage } from '../pages/about/about';
  2. import { ContactPage } from '../pages/contact/contact';
  3. import { HomePage } from '../pages/home/home';
  4. import { NewsPage } from '../pages/news/news';
  5. //底部tab切换
  6. import { TabsPage } from '../pages/tabs/tabs';
  7. import { StatusBar } from '@ionic-native/status-bar';
  8. import { SplashScreen } from '@ionic-native/splash-screen';
  9. @NgModule({
  10. declarations: [
  11. MyApp,
  12. AboutPage,
  13. ContactPage,
  14. HomePage,
  15. NewsPage,
  16. TabsPage
  17. ],
  18. imports: [
  19. BrowserModule,
  20. ComponentsModule,
  21. IonicModule.forRoot(MyApp)
  22. ],
  23. bootstrap: [IonicApp],
  24. entryComponents: [ /*配置不会在模板中使用的组件*/
  25. MyApp,
  26. AboutPage,
  27. ContactPage,
  28. HomePage,
  29. NewsPage,
  30. TabsPage
  31. ],
  32. providers: [
  33. StatusBar,
  34. SplashScreen,
  35. {provide: ErrorHandler, useClass: IonicErrorHandler}
  36. ]
  37. })
  38. export class AppModule {}
复制代码


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

Archiver|手机版|小黑屋|PhoneGap中文网 ( 京ICP备13027796号-1

GMT+8, 2018-2-23 12:48 , Processed in 0.183312 second(s), 30 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表