在App Module里面添加 页面 & 服务
为了能够在项目里面可以使用这些页面和服务,我们需要将它们添加到app.module.ts文件里。所有我们自己创建的页面都需要添加到declarations数组和entryComponents数组里,所有我们创建的数据提供者都需要添加到providers数组,其他自定义组件或者管道(pipe)只需要添加到declarations数组即可。我们的数据模型只是一个简单的类,我们需要在任何地方使用,所以不用在模组里面设置。
> 修改src/app/app.module.ts到以下:
import { NgModule } from '@angular/core';
import { IonicApp, IonicModule } from 'ionic-angular';
import { MyApp } from './app.component';
import { Storage } from '@ionic/storage';
import { HomePage } from '../pages/home/home';
import { IntroPage } from '../pages/intro/intro';
import { ChecklistPage } from '../pages/checklist/checklist';
import { Data } from '../providers/data';
@NgModule({
declarations: [
MyApp,
HomePage,
IntroPage,
ChecklistPage
],
imports: [
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage,
IntroPage,
ChecklistPage
],
providers: [Storage, Data]
})
export class AppModule {}
注意,我们除了自己创建的Data提供者之外,我们还加入了一个Storage。Storage是Ionic提供的,可以通过它保存和获取数据 — 我们后续会用到。