角度サービスはオブジェクトの値を更新しません

Question

オブジェクトの値を設定して取得する簡単なサービスを作成しています。コードはsetterに値を送信しますが、次にコードを取得するときには値は変わりません。コードを見て、私が逃していることを教えてください。 （私はこの短いを維持するために、すべてのコンポーネント・ヘッダと輸入を含んでいなかった。）私の見解で

//service.ts 
export class NavService { 

    private location; 

    constructor(){ 

     this.location = { 
      next:'', 
      back: '' 
     } 
    } 
    setLocation(back:string, next:string){ 
     this.location.next = next; 
     this.location.back = back; 
    } 

    getLocation(){ 

    return this.location 
    } 

} 

を、Iは位置を更新する）（次の（）またはバックを呼び出すボタンを有しています。

export class PlanComponent { 

    location; 
    currentPage : string = 'start'; 


    constructor(private nav:NavService){} 

    forward(){ 
    this.location = this.nav.getLocation(); 
    this.currentPage = this.location.next; 

    } 

} 

新しい場所が新しいコンポーネントを読み込んでいます。新しいコンポーネントは、新しい場所を設定することを想定しています。しかし、親コンポーネントでは、場所を取得しようとすると、私は同じ古い値を取得します。

export class AboutComponent { 

    constructor(private nav: NavService){ 
     this.nav.setLocation('start', 'about'); 
    } 
} 

本当にありがとうございました！

Answer 1

ライフサイクルがNavServiceである可能性があります。コンポーネントが作成されるたびにサービスの新しいインスタンスが取得される可能性があります。 NavServiceは、トップレベルのコンポーネントまたはモジュールで提供されていることを確認します

@NgModule({ 
    /* ... */ 
    providers: [ 
     NavService 
    ] 
    /* ... */ 
}) 
export class AppModule { 
}