Ionic 2提供商

Question

我是Ionic 2的新手,我正在尝试通过任何在线教程来展示如何添加提供者.似乎Ionic已经改变了生成的app结构.有些人可以给我一个如何使用当前的Ionic 2 app结构做到这一点的例子吗？我尝试导入并将我的提供程序添加到页面类(构造函数和@Component页面装饰器),我得到一个无法找到的错误.我想要做的就是按照本教程使用当前的Ionic 2应用程序结构.

Answer 1

在`app.module.ts'

import { PeopleService } from '../providers/people-service';
@NgModule({
  declarations: [
    // Declarations commented out for brevity
  ],
  imports: [
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    // Entry Components commented out for brevity
  ],
  providers: [PeopleService] // Add PeopleService provider
})

然后在'home-page.ts'

import {PeopleService} from '../providers/people-service/people-service';

export class HomePage {
public people: any;

    constructor(public peopleService: PeopleService){

      }
    }

Answer 2

您可以通过运行添加提供程序

> ionic g provider storage-provider

这将生成一个准备好的模板

然后使用import将其添加到app.modules.ts文件中

> import { StorageProvider } from '../providers/storage-provider';
> import { IonicApp, IonicModule  } from 'ionic-angular';

然后在相同的app.modules.ts文件中,转到文件最底部的providers部分添加StorageProvider类

providers: [AuthProvider,  UtilProvider,**StorageProvider**  ],