Ionic2：プロバイダーを扱います

Question

ionic2プロジェクトを開発している間に新しいプロバイダーを作成しましたが、MyClassで変数を設定する際にいくつかの問題があります。

import { Injectable } from '@angular/core'; 
import { Http, Headers } from '@angular/http'; 
import 'rxjs/add/operator/map'; 

@Injectable() 
export class MyClass { 
    token_acces: any; 
    token_room: any; 

    constructor(private http: Http) { 
     this.token_acces = null; 
     this.token_room = null; 
    } 

    login(id,pwd){ 
     let headers = new Headers(); 
     headers.append('Content-Type', 'application/json'); 
     this.http.post('/localhost/', 
         JSON.stringify({ 
          username: id , 
          password: pwd 
         }), {headers : headers}) 
        .map(res => res.json()) 
        .subscribe(data=>{ 
         this.token_acces = data; 
        }); 
    } 

    getToken(){ 
     return this.token_acces; 
    } 

} 

主な問題はlogin()私はgetToken()を呼び出すときnullあるtoken_access設定されていないということです。

さらに、私の疑問を持っています。このプロバイダは私のアプリのすべてのページで使用されています。 は、例えばホームページが含まれています

export class SearchPage { 
    token: any; 

    constructor(public navCtrl: NavController, public myClassService: MyClass) { } 
... 

が、私は同じインスタンスを使用するか、それはMyClassのの異なるistanceですので、アイ・アム：

... 
export class HomePage { 
    id: any; 
    pwd: any; 

    constructor(public navCtrl: NavController, public myClassService: MyClass) { } 

    login(): void{ 
     this.myClassService.login(this.id, this.pwd); 
     this.navCtrl.push(SearchPage, { token : this.myClassService.getToken()}); 
    } 
} 

私には、例えば、他のページと同じことを行う場合前のページで設定された値を取得できませんか？あなたのコードのMyClassので

Answer 1

：ホームページのクラスまたはコードの他の呼び出しクラス/メソッドで

login(id,pwd){ 
    let headers = new Headers(); 
    headers.append('Content-Type', 'application/json'); 
    return Observable.create(observer => { 
     this.http.post('/localhost/', JSON.stringify({ 
         username: id , 
         password: pwd 
        }), {headers : headers}) 
     .map(res => res.json()) 
     .subscribe(data => { 
      this.token_acces = data; 
      observer.next(data); 
     },(err) => { 
      console.log("Error occurred: ", err); 
      observer.error(err); 
     }); 
    }); 
} 

：

login(): void{ 
    this.myClassService.login(this.id, this.pwd).subscribe((data) => { 
     this.navCtrl.push(SearchPage, { token : this.myClassService.getToken()}); 
    }, 
    (err) => { 
     console.log("Error occurred : ", err); 
    }); 
} 

あなたもgetToken()を使用する必要はありません。 subscribe()にdataを使用すれば、トークンに関する必要なデータが得られます。