The root component

In this book, we will have a couple of components and services that will work together to achieve a goal. But we need a root component to act as a communication center between all these players. This root component will control the application flow. Let's start by creating this component:

1. Inside the WebStorm IDE, open the app.ts file, and notice the export line:

           export class AppComponent {} 
   

2. As we saw before, the export keyword simply indicates that we are willing to share this class with every other player in the project. In other words, if anyone needs this class, they just need to import it in their own body.

3. The plan is to make the AppComponent class as the root component for our project, that is why we have the Component function imported from the Angular2 core module:

           import {Component} from 'angular2/core'; 
           export class Sherlock {} 
   

4. This code should be self explanatory. Normally each import command has two main parameters. First we need to mention...