イオン2プロバイダー

Question

私はイオン2を初めて使用しており、プロバイダーを追加する方法を示すチュートリアルをオンラインで入手しようとしています。 Ionicが生成されたアプリの構造を変更したようです。いくつか私は現在のイオン2アプリの構造でこれを行う方法の例を教えてくださいできますか？どこでもプロバイダをインポートしてページクラス（コンストラクタと@Componentページデコレータ）に追加しようとすると、見つからないというエラーが表示されます。私がしようとしているのは、現在のIonic 2アプリの構造に合わせてthisチュートリアルに従ってください。

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 
}) 

し、その後に 'あなたは

> ionic g provider storage-provider 

を実行することにより、プロバイダを追加することができ

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

export class HomePage { 
public people: any; 

    constructor(public peopleService: PeopleService){ 

     } 
    } 

Answer 2

家庭page.ts'これにより、準備完了テンプレートが生成されます

そしてStorageProviderを追加

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

を提出し、同じapp.modules.tsファイルで、ファイル内の一番下にあるプロバイダ]セクションに移動し、あなたのapp.modules.tsにインポートを使用して、これを追加クラス

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

Answer 3

1年前に作成したionic 2チュートリアルは、現在のバージョンを使用している場合は非常に悪い考えです。

アングル2のアイデアは、モジュールでアプリケーションを整理することですが、イオンプロジェクトを見ると、通常はコンポーネントを使用しているモジュールが1つあります。

イオニックチームのgithubリポジトリは、偉大な情報を見つける良い方法ですので、質問に答えてください：https://github.com/driftyco/ionic2-starter-tabsこれはあなたが探しているものを表示します。