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 a user profile component

In this section, we will create a user profile component. After a successful login or signup, the user is directed to their profile pageThis component displays the user information, such as name and email, and provides edit functionalities to change user information. The following are the steps to create a user profile component:

  1. Creating a user profile template: The first step is to create the template for the user profile page. In this template, we will display the name, email, mobile, and password. Each of these pieces of information has an Edit button. 

First, we create a div container that contains all the user information elements. We use *ngIf to check the user data:

<div class="user-profile"  ...

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