在App Module里面添加 页面 & 服务

为了能够在项目里面可以使用这些页面和服务,我们需要将它们添加到app.module.ts文件里。所有我们自己创建的页面都需要添加到declarations数组和entryComponents数组里,所有我们创建的数据提供者都需要添加到providers数组,其他自定义组件或者管道(pipe)只需要添加到declarations数组即可。我们的数据模型只是一个简单的类,我们需要在任何地方使用,所以不用在模组里面设置。
> 修改src/app/app.module.ts到以下:

  1. import { NgModule } from '@angular/core';
  2. import { IonicApp, IonicModule } from 'ionic-angular';
  3. import { MyApp } from './app.component';
  4. import { Storage } from '@ionic/storage';
  5. import { HomePage } from '../pages/home/home';
  6. import { IntroPage } from '../pages/intro/intro';
  7. import { ChecklistPage } from '../pages/checklist/checklist';
  8. import { Data } from '../providers/data';
  9. @NgModule({
  10. declarations: [
  11. MyApp,
  12. HomePage,
  13. IntroPage,
  14. ChecklistPage
  15. ],
  16. imports: [
  17. IonicModule.forRoot(MyApp)
  18. ],
  19. bootstrap: [IonicApp],
  20. entryComponents: [
  21. MyApp,
  22. HomePage,
  23. IntroPage,
  24. ChecklistPage
  25. ],
  26. providers: [Storage, Data]
  27. })
  28. export class AppModule {}

注意,我们除了自己创建的Data提供者之外,我们还加入了一个Storage。Storage是Ionic提供的,可以通过它保存和获取数据 — 我们后续会用到。