Общий сервис не может звонить несколько раз в angularjs 4

Question

У меня есть сценарий, как есть один модуль, и в этом модуле у меня есть подмодули (то есть родительский дочерний маршрут) код для родительского дочернего маршрута

{
    path: 'customer/:id',
    component: CustomerDetailComponent,
    canActivate: [CanActivateAuth],
    data: {
        'pageName': 'Jobs'
    },
    children: [
        { path: 'customerinfo', component: CustomerInfoComponent, data: { 'pageName': 'customerinfo' }, pathMatch: 'full' },
        { path: 'companyinfo', component: companyInfoComponent, data: { 'pageName': 'milestone' } },
    ]
}

Я создал общую службу, поэтому я могу использовать другие компоненты этой службы.

 constructor() {
     this.getCustomer$ =this.getCustomerDataSubject.asObservable();
 }

 getCustomerData(data:any) {
     this.getCustomerDataSubject.next(data);
 }

1. Из родительского модуля я устанавливаю данные 2. В дочернем модуле я пытаюсь получить доступ к тем данным, которые установлены в моем сервисе (ieparent модуль)

Мой родительский модуль, откуда я устанавливаю данные

     this.sharedCommon.getCustomerData({"id":1,"name":"ramesh"});

Мой дочерний модуль, где мне нужно получить доступ к тем данным, которые я установил в моем родительском модуле..

constructor(
   this.sharedCommon.getCustomer$.subscribe((data: any) => {
       console.log("response",r)
   })

поэтому я написал общий вызов службы в моем конструкторе. при обновлении страницы я могу получить данные, но когда дочерняя маршрутизация выполнена, я не могу получить данные, хотя они поступают в конструкторе.

Спасибо за помощь..