angular - Ionic2/Angular2 アプリケーションのプロバイダー内のプロバイダー

Question

私は2つのプロバイダーを持っています。

1. ストレージからの値の設定と取得を担当する AppStorage。

   import { Injectable } from '@angular/core';
   import {Http, Headers, RequestOptions} from '@angular/http';
   import {Observable} from 'rxjs/Rx';
   import {Storage} from '@ionic/storage';
   
   @Injectable()
   export class AppStorage {
   
     constructor(public http: Http, private storage:Storage) {
       console.log('Hello Appstorage Provider');
     }
     setValue(key,value){
       var setPromise = new Promise((resolve,reject)=>{this.storage.set(key,value).then((res)=>{
         return resolve(res);
       })
     });
       return setPromise;
     };
     getValue(key){
       var getPromise = new Promise((resolve,reject)=>{this.storage.get(key).then((val)=>{
         return resolve(val);
         });
       });
       return getPromise;
   
     } 
   }
   

2. 私のAPIサービスであるOauthService。

   import {Http, Headers, RequestOptions} from '@angular/http';
   import { Injectable, Inject} from '@angular/core';
   import 'rxjs/add/operator/map';
   import { AppStorage } from '../providers/appstorage';
   
   @Injectable()
       export class OauthService{
       http: Http;
       response :any;
       appStorage: AppStorage;
       static get parameters() {
           return [[Http]];
       }
       constructor(http: Http,@Inject(AppStorage) appStorage: AppStorage){
       this.http = http;
           this.appStorage = appStorage;
           setTimeout(()=>{
               console.log('Hello OauthService Provider'+this.appStorage+"===="+this.http);
           },3000)
        //output - >Hello OauthService Providerundefined====[object Object] 
       }
     }
   

今、私は app.module に両方の注入可能物を追加しています

import { NgModule, ErrorHandler } from '@angular/core';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';
import { LoginPage } from '../pages/login/login';
import { AppStorage } from '../providers/appstorage';
import { Storage } from '@ionic/storage';
import { OauthService } from '../providers/oauthservice';

@NgModule({
  declarations: [
    MyApp,
    LoginPage
  ],
  imports: [
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    LoginPage
  ],
  providers: [{provide: ErrorHandler, useClass: IonicErrorHandler},OauthService, Storage, AppStorage]
})
export class AppModule {}

しかし、アプリを実行していると、oauthService のコンストラクターの appStorage オブジェクトが未定義になります。私がやっている間違いを教えてください。別のサービス内にサービスを注入しているだけです。

Answer 1

OauthServiceプロバイダーの静的パラメーター ゲッター ( parameters ) には、コンストラクターに注入するすべてのプロバイダーを含める必要があります。ただし、Httpプロバイダーのみを注入し、 AppStorageプロバイダーは注入していません。それに応じて以下のコードを変更しました。

import { Http } from '@angular/http';
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';
import { AppStorage } from './appstorage';

@Injectable()
export class OauthService {

    response :any;

    static get parameters() {
        return [[Http], [AppStorage]];
    }

    constructor(private http: Http, private appStorage: AppStorage) {

        setTimeout(() => {
            console.log('Hello OauthService: appStorage=' + this.appStorage + ", http=" + this.http);
        }, 3000)
        //output - >Hello OauthService: appStorage=[object Object], http=[object Object]
    }
}