2017-07-08 9 views
0

以下は、私がhome.tsで使用しているコードの上他のコンポーネントでホームコンポーネントデータを使用する方法は?

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

私はwebservice.tsに使用しています上記のコード

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

他のコンポーネントの私のコードを使用する方法(this.categoryType)でありますしかし、私は他のコンポーネントでこの応答を使用したい。

答えて

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.retrieveCategory(); 
+0

サービスは次のように働いて、

this.appMsgService.saveCateogry(yourcategory); 

が、その後のように第二の成分で取得、両方のコンポーネントには、このサービスを注入など最初のコンポーネントからそれを保存することができます魅力 –

関連する問題