Preparing a Project

First, let's use Angular CLI tool and generate a new project called "dependency-injection".

ng new dependency-injection
cd dependency-injection

Next, generate two components component1 and component2, as in the example below:

ng g component component1
ng g component component2

Finally, update the main application component template to use both components we have just created:

<!-- src/app/app.component.html -->


If you now run the application with the ng serve --open command you should see two default component templates that get generated automatically by Angular CLI:

component1 works!
component2 works!

You now have a working project ready for DI experiments.