单击路由器链接后无法刷新组件

Question

我有在各个组件之间共享的list组件，用于列出一些数据和绑定到ng-model的datepicker。像

<input type="text" class="form-control"  [(ngModel)]="dateRange" 
placeholder="Pick a date range" bsDaterangepicker #dp="bsDaterangepicker"
(bsValueChange)="onDateRangeChange($event)"/>

以下是用于访问这些列表组件的网址格式 父组件-

http://localhost:4200/#/topics

子组件

http://localhost/topics/Recrug-4

问题是，当我单击父组件时，会刷新ng-model值，但是当我使用“子组件”登陆页面时，ngModel值不会被刷新。