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這一個向你展示你在找什麼。