如何在其他组件中使用家庭组件数据?

时间:2017-07-08 08:38:14

标签: angular typescript ionic-framework

下面是我的代码,如何在其他组件中使用(this.categoryType)

getCategoryDetails(){
return this.http.get('ip/ramu/api/api/…')
.map((res:Response) => res.json());
}

以上代码我在webservice.ts中使用

ngOnInit() { this.wsp.getCategoryDetails().subscribe(data => {
this.categoryType = data; });
}

以上代码我在home.ts中使用过,但我想在其他组件中使用此响应。

1 个答案:

答案 0 :(得分:1)

使用服务保存类别。然后,您可以使用相同的服务随时获取categoryType。

import { Injectable } from '@angular/core';
@Injectable()
export class AppMessageQueuService {

    categoryType: string;
    constructor() {

    }
    saveCateogry(cat:any){
        this.categoryType= cat;
    }
    retrieveCategory(){
        return this.categoryType;
    }

}

然后,您可以将此服务注入到两个组件中,并将其保存在第一个组件中,如

this.appMsgService.saveCateogry(yourcategory);

然后在第二个组件中检索为

this.appMsgService.retrieveCategory();