PhoneGap中文网

标题: Ionic3.x中对app.module.ts的分析 [打印本页]

作者: 缘来了    时间: 2018-1-17 14:26
标题: Ionic3.x中对app.module.ts的分析
对于刚接触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 {}
复制代码







欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2