Sep 03, 2017 · In this tutorial, we learn how Angular Passes the data to the child component. The Angular Components communicate with each other using @Input Annotation.We also look at how child components detect changes to these Input properties using OnChanges life Cycle hook or with a Property Setter. If I refresh this page, everything goes back to normal. I only have two routes , login and homepage where these components live. I am not dynamically adding A2 and C2, but since now they are mark as destroyed , they are still in the dom but they do not respond to any changes. The A2 and C2 components is a modal and a popup respectively. Where would the components for these child routes be displayed? Just like we had a <router-outlet></router-outlet> for the root application component, we would have a router outlet inside the ProductDetails component. The components corresponding to the child routes of product-details would be placed in the router outlet in ProductDetails. UI component infrastructure and Material Design components for mobile and desktop Angular web applications. UI component infrastructure and Material Design components for Angular web applications.