We now need to create the template file for our playground component, which will be our component's visual interface. In your IDE, right-click the playground directory, select New File, and enter playground.component.html. The playground.component.html file is required because we've passed it into our component decorator as one of the parameters. Enter the following code in this file:
<h3>
{{ pageTitle }}
</h3>
<hr>
There's not much in this file yet—but this is where we'll be adding the NGB components so that we can experiment with them. Experimenting, of course, is the very best way to learn any technology that may be new to you. The only thing our template does for now is to display our page name—by binding to our class's pageTitle property.