O'Reilly logo

Hands-on Full Stack Development with Angular 5 and Firebase by Uttam Agarwal

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating an edit dialog component

The edit dialog component is used to take user input to update user information in Firebase. The same component is reused to take the information of all other user details, such as name, email, mobile, and password. This component is included in the user profile component, and the edit dialog box appears when a user clicks on the Edit button. 

The following are the steps involved in creating an edit dialog component:

  1. Creating the edit dialog template: The first step is to create the template for the edit dialog. This template contains a header, title for the text, and an input box.

We use bootstrap modal to create an edit dialog. It has an input box to receive the user input.

The first step is to create ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required