Adding the Angular components

In this section, we will create custom components using TypeScript and create a root app folder inside our Web App project.

Under app folder, we will create another folder known as shared and this is where we will create some common components which will be used throughout the application:

Creating a Message component

This component will be used to show messages on the screen when the user performs any action. These messages will be success, error or warning messages displayed in the browser.

First, we create MessageModel, which takes the type and msg parameters in a parameterized constructor and can be passed to MessageService to push messages in an array.

Create a file, message.service.ts, in the app > shared ...

Get Enterprise Application Architecture with .NET Core now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.