Angular – Reactive Forms In this post, we will see how to define a Form, using Template-drive forms approach, for creating new users in our usual angular project.First of all, we create another component called newusertd and then, we will add it in app-routing and topmenu: ng g c newusertd [APP-ROUTING.MODULES.TS] [TOPMENU.COMPONENT.HTML] Now, in order… Read More »
From https://angular.io/guide/forms-overview:“Applications use forms to enable users to log in, to update a profile, to enter sensitive information, and to perform many other data-entry tasks.Angular provides two different approaches to handling user input through forms: reactive and template-driven. Both capture user input events from the view, validate the user input, create a form model and… Read More »
In this post, we will see how to add a menu in the angular project created in the post: How to consume a Web API in Angular. We open terminal, go to the project’s folder and we create three new components using the commandsng g c topmenung g c homepageng g c newuser and then,… Read More »
In this post, we will see how to add Bootstrap in the Angular project created in the post:How to consume a Web API in Angular First of all, we open terminal, go to the directory of the project and we run the command npm install bootstrap, in order to install Bootstrap. Then, we open the… Read More »
In this post, we will create an Angular application that it will show a list of users taken from the Web API created in the post: Web API with ASP.NET Core. We open Terminal and create a new project called “manageusers”: Now, we will create a component called listeners for showing the list of users.We… Read More »
Angular CLI is a command line tool for creating Angular application.It avoids to spend time for installing, configuring all the required dependencies and wiring everything together.Angular CLI is available for many platforms such as Windows, Mac and Linux and, in order to install it, we have to install node.js before.After Node installation, using the command… Read More »