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. 
   
5. import { ComponentsModule } from '../components/components.module';
   
6. import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
   
7. import { MyApp } from './app.component'; /*根组件*/
   
8. //其他组件

复制代码

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 {}

复制代码