The Angular implementation will be less trivial that the .NET Core one since we'll have to deal with multiple aspects:

  • Adding the CountriesComponent TS, HTML, and CSS files and implementing the Countries table, as well as the paging, sorting, and filtering features as we did with the cities
  • Configuring the AppModule to properly reference it and add the corresponding route
  • Updating the NavComponent to add the navigation link

Let's do this! From the Solution Explorer, do the following:

  1. Navigate to the /ClientApp/src/app/ folder.
  2. Create a new /countries/ folder.
  3. Within that folder, create the following new files:
  • country.ts
  • countries.component.ts
  • countries.component.html
  • countries.component.css

Once done, fill them with the following ...

Get ASP.NET Core 3 and Angular 9 - Third Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.