In this post, we will see how to pass values between two components, using the router state attribute (from Angular 7.0.2), creating a method to modify the username property in our usual project. First of all, we add a link button in the listusers component for using a method called goedit to update the username… Read More: Angular – How to pass values between components using the… »
In this post, we will see how to deploy an Angular project in Azure, using Visual Studio Code.First of all, we open a browser, go to the Azure portal and we create a Web app: In order to verify that our Web App is running, we open a browser and go to: https://angularprojectdamiano.azurewebsites.net/ Now, we… Read More: Angular – How to deploy an application in Azure »
In this post, we will see how to create a Modal Dialog in an Angular project.In detail, we will create a modal dialog in order to delete a single item in the Users list of our usual project. First of all, we open the file app.module.ts and we import the module ModalModule, in order to… Read More: Angular – How to create a Modal Dialog »
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: Angular – Template-drive Forms »
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: Angular – Reactive Forms »
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: Angular – How to add a menu in a project »
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: Angular – How to add Bootstrap in a project »
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 – How to consume a Web API »
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: Angular CLI »