a. StackBlitz instructions

We'll use the Angular Generator to create a new component.

Right click on the app folder and select Angular Generator, then select Component.

StackBlitz Angular Generator

A small text input box displays at the top of the middle editor pane. Type input-button-unit to create the component.

Input component name

You now have a new component!

Now we'll manually move the HTML to make this component use inline templates. We'll repeat what we did in the #3: πŸ“ Component chapter.

Copy all the code from the input-button-unit.html. In the input-button-unit.component.ts file, change templateUrl to template, and paste the HTML code between backticks.

You may delete the input-button-unit.html file.

Return to the previous page to continue the tutorial.