In this tutorial, let us look at how to pass and access the Optional or query parameters in Angular. Query parameters allow you to pass optional parameters like page number to the component. In this tutorial, we look at how to pass the query parameters using the queryParams directive. We then look at how to retrieve the parameter in the component using the ActivatedRoute Service.
In this tutorial, we look at how to add a child or nested routes to an Angular route. Child Routes or Nested routes are a powerful new feature in the Angular router. Nested routes are routes within other routes. In this Tutorial, we will show you how to create a child route and display the child components. The Angular allows us to nest child routes under another child routes effectively creating a Tree of routes.
In this tutorial, we look at how to pass parameters or data to the Route in Angular. We look at how to define the route, which accepts the parameter. We then learn how to pass the parameters to the route using the routerLink directive. Finally, we learn how to retrieve the parameters using the ActivatedRoute Service. The parameters can be retrieved by using the either by snapshot method or by subscribe method. We take a look at both of these methods.
In this tutorial, we look at the Location Strategies (browser URL styles) supported by the Angular routing module. Angular Supports PathlocationStrategy and HashLocationStrategy. We will look at what is client-side routing and how it works. We take a look at how hash style HTML5 routing works and pros cons of each. Finally, we will learn how to build the Angular application using the PathLocationStrategy (HTML5 routing ) HashLocationStrategy.(hash style Routing )
In this Routing & Navigation in Angular Tutorial, we look at how navigation & Routing works in Angular using the Angular Router. We will see what routing is and the components of the Angular Router Module. We will show you how to setup and configure the router in the Angular application. Finally, we will create a sample application with four components and create menu navigation system using the Angular Router.