So far we only have one view in our little Angular application. Of course we are going to want to have more options for the user to visit different views for different information and experiences. Just like we have links on basic web pages, we can also set up links in an Angular application to navigate to various views. It is via the routing functionality provided in Angular that we can set up various routes to various sets of information.…

To fetch data in Angular, we can use Observables with http to fetch data. An angular application will use http via a GET request to fetch data from a back-end server. The back-end could be powered by any number of server-side technologies such as Java, PHP, Python, or even server-side JavaScript in the form of Node.js. An http response is sent from the back-end web service to the client side angular application.…

Services in Angular are used to define data and logic that is not associated with a particular view which can be shared across components. In this tutorial we’ll learn how to create a service, and then make use of dependency injection to use that service in a given component or class. If you have worked with dependency injection in any other object-oriented programming language, you’ll feel right at home.…

In this tutorial we’ll look at nested components in Angular and how to use them. Why nest components? It helps to organize the layout of the user interface in addition to allowing specific functionality to be packaged up and re used in other components. This means that a nested component is going to need a way to communicate with its parent or containing component. Components can nest several times if you like.…