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

Adding modal template

The first step in the password a reset action is to take a user email address, and we will use a modal in this scenario. A modal is a popup/dialog that appears on top of the current page view. We will use a modal to display the popup to take the user email address.

Adding the modal template in the login html: We have modified the login.component.html file to add the Reset password button, as shown in the following code:

<div id="password_reset" class="modal fade" role="dialog">    <div class="modal-dialog modal-sm">        <form name="form" (ngSubmit)="onReset(resetFormData)"          #resetFormData='ngForm'>            <div class="modal-content">                <div class="modal-header">                  <h4 class="modal-title">Forgot Password?</h4>                  <button type="button" class= ...

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