Ionic 2 Provider

Question

我是Ionic 2的新手，并试图通过任何展示如何添加提供程序的在线教程。看起来Ionic已经改变了它生成的应用程序结构。有些人可以给我举一个例子，说明如何用当前的Ionic 2应用程序结构来做到这一点？每当我尝试导入并将我的提供程序添加到页面类（构造函数和@Component页面装饰器）时，我都会收到无法找到的错误。我想要做的是按照this教程与当前的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 
}) 

，然后在 '家庭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 

添加提供程序这将生成一个准备好的模板

然后使用这个导入添加到您的app.modules.ts文件

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

然后在同一app.modules.ts文件，你去提供部分在最底层的文件中添加StorageProvider class

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

Answer 3

使用一年​​前创建的离子2教程是一个非常糟糕的主意，如果你在当前版本。

Angular 2的想法是用模块来组织你的应用程序，但如果我们看看离子项目，通常有一个模块正在使用组件。

离子团队的github存储库通常是找到好信息的好方法，所以要回答你的问题：https://github.com/driftyco/ionic2-starter-tabs这一个向你展示你在找什么。