Ionic2：处理提供程序

debugcn 发表于 Dev

皮托佐

在开发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()没有设置token_access这是null当我打电话了getToken()。

此外，我有一个疑问，我的应用程序中的所有页面都使用此提供程序。例如，主页包含：

...
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()});
    }
}

例如，如果我对另一个页面执行相同操作：

export class SearchPage {
    token: any;

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

我使用的是同一个实例还是MyClass的不同实例，因此无法获取上一页中设置的值？

萨加尔·库尔卡尼（Sagar kulkarni）

在您的代码的MyClass中：

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

在HomePage类或任何其他调用类/代码方法中：

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()。你可以只用data在subscribe()这会给你的令牌必要的数据。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。