angular - Angular - コンポーネント間の共有サービスが機能しない

Question

変数を宣言するサービスがあります。私のコンポーネントでは、この変数を使用してデータを入れています。

サービス：

@Injectable()
export class DataService {

    public msgs = [];

    constructor() { }       

}

今、私は自分のコンポーネントでこの変数を使用しています:

export class MessagesComponent implements OnInit {   

    constructor(private dataService: DataService){}

    ngOnInit() {   
        this.getData();   
    }

    getData(){
        let msgs = [];

        if (diffr <= this.geomessage[i].range) {
            this.geomessage[i].dist = diffr;
            msgs.push(this.geomessage[i]);
            //console.log("this message: ", this.geomessage[i]); //DEBUG
        }
        this.dataService.msgs = msgs;

    }    
}    

必要なコードのみを投稿しましたthis.dataService.msgs。これは正常に機能するメッセージでいっぱいです。別のコンポーネントに到達したとき、this.dataService.msgs のデータはまだ存在していますが、戻ってきたときMessagescomponentにthis.dataService.msgsもう一度undefined入力するまでは、そこにあったデータが必要です。誰かがこれを行う方法を知っていますか?

どうも