From Solution Explorer, create a new /ClientApp/app/components/about/ folder, and then add a new about.component.ts file with the following content:
import { Component } from "@angular/core";
@Component({
selector: "about",
templateUrl: "./about.component.html"
})
export class AboutComponent {
title = "About";
}
Once done, add the about.component.html template file:
<h2>{{title}}</h2>
<div>
TestMakerFree: a production-ready, fully-featured SPA sample
powered by ASP.NET Core and Angular.
</div>
To be honest, we ought to say that we’re neither production-ready nor fully-featured yet, but that’s what we’re aiming for, so a little encouragement won’t hurt. It won’t be a lie forever, after all!