Injector funktioniert nicht wie erwartet in Angular2/Ionic2

Question

Ich habe einen Dienst wie folgt definiert:

//storageService.ts 
import { Injectable } from '@angular/core'; 
import {Storage, SqlStorage} from 'ionic-angular'; 

@Injectable() 
export class StorageService { 
    storage: any; 

    constructor() { 
     this.storage = new Storage(SqlStorage); 
    } 

    getUser() { 
     return this.storage.get('user'); 
    } 

} 

ich dies, wie unten in einer anderen Klasse Injektion:

Profile.ts 
import {StorageService} from '../../services/storageService'; 

@Page({ 
    templateUrl: 'build/pages/profile/profile.html', 
    providers: [StorageService] 
}) 
export class ProfilePage { 


    constructor(private http: Http, storageService: StorageService) { 
     this.storageService.getUser().then(user => { 
      this.user = JSON.parse(user); 
     }).catch(error => { 
      console.log(error); 
     }); 

    } 

} 

jedoch halten i den Fehler zu erhalten :

Cannot read property 'getUser' of undefined 

seit ich den Service in den Konstruktor einfüge..Howcome bekomme ich diesen Fehler?

Answer 1

Weil Sie Typoskript verwenden Sie den Anbieter als private oder public im Konstruktor definieren müssen, und dies wird eine automatisch erstellen Instanz des Anbieters innerhalb der Seite Klasse, zum Beispiel:

constructor(private http: Http, private storageService: StorageService) { 
     this.storageService.getUser().then(user => { 
      this.user = JSON.parse(user); 
     }).catch(error => { 
      console.log(error); 
     });  
    } 

Andere Antworten auf Ihre Frage, die JavaScript-Lösung bereitzustellen, die für Sie nicht funktionieren.

Answer 2

Soweit ich weiß, Sie parameters Getter in Ionic wie ein statischen brauchen:

@Page({ 
    templateUrl: 'build/pages/profile/profile.html', 
    providers: [StorageService] 
}) 
export class ProfilePage { 

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

    constructor(private http: Http, storageService: StorageService) { 
     this.storageService.getUser().then(user => { 
      this.user = JSON.parse(user); 
     }).catch(error => { 
      console.log(error); 
     }); 
    } 
} 

Answer 3

Offenbar habe ich Typoskript falsch verwendet.

Hatte storageService wie unten zu erklären:

constructor(private http: Http,private storageService: StorageService) { 

dh ich fehlte der privaten Stichwort