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

问题描述

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

Below is my code, how to use (this.categoryType) in other component

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

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

Above code I am using in webservice.ts

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

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

Above code I have used in home.ts, but I want use this response in other component.

推荐答案

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

Use a service to save the category. And then you can use the same service to get the categoryType whenever you want it.

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

    categoryType: string;
    constructor() {

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

}

然后您可以将此服务注入到两个组件中，并从第一个组件中保存它，例如

Then you can inject this Service into both the components and save it from the first component like,

this.appMsgService.saveCateogry(yourcategory);

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

then retrieve in the second component as,

this.appMsgService.retrieveCategory();

这篇关于如何在其他组件中使用 home 组件数据?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！