Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying ASP.NET Core 8 and Angular
  • Table Of Contents Toc
  • Feedback & Rating feedback
ASP.NET Core 8 and Angular

ASP.NET Core 8 and Angular

By : Valerio De Sanctis
4.3 (12)
close
close
ASP.NET Core 8 and Angular

ASP.NET Core 8 and Angular

4.3 (12)
By: Valerio De Sanctis

Overview of this book

If you want to learn how to use ASP.NET Core with Angular effectively, this hands-on guide is for you. Improve the way you create, debug, and deploy web applications while keeping up to date with the latest developments in .NET 8 and modern Angular, including .NET Minimal APIs and the new Angular standalone API defaults. You’ll begin by setting up SQL Server 2022 and building a data model with Entity Framework Core. You’ll progress to fetching and displaying data, handling user input with Angular reactive forms, and implementing front-end and back-end validators for maximum effect. After that, you will perform advanced debugging and explore unit testing features with xUnit for .NET, and Jasmine and Karma for Angular. You’ll use Identity API endpoints in ASP.NET Core and functional route guards in Angular to add authentication and authorization to your apps. Finally, you’ll learn how to deploy to Windows, Linux, and Azure. By the end of this book, you will understand how to tie together the front-end and back-end to build and deploy secure and robust web applications.
Table of Contents (18 chapters)
close
close
16
Other Books You May Enjoy
17
Index

Health checks in Angular

It’s now time to build an Angular component that is capable of fetching and displaying the structured JSON data we managed to pull off in the previous sections.

As we know from Chapter 3, Looking Around, an Angular component is commonly made of four separate files, as follows:

  • The component (.ts) file, written in TypeScript and containing the component class, together with all the module references, functions, variables, and so on
  • The template (.html) file, written in HTML and extended with the Angular template syntax, which defines the UI layout architecture
  • The style (.css) file, written in CSS and containing the Cascading Style Sheets rules and definitions for styling the UI
  • The test (.spec.ts) file, written in TypeScript and containing the tests that will be run by Karma

Although the four-file approach is arguably the most practical one, the only required file is the component one, as both the template and...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY