HTML

    

        

          

              <a role="button" (click)="onClick()">click here to launch popup</a>
        
      
    

        

          <app-popup [data]="showModal" (close)="onClose()" (confirm)="onConfirm()">
        

                  <form action="/">
        

                    <div class="form-group">
        

                      <label for="email">Email address:</label>
        

                      <input type="email" class="form-control" id="email">
        

                    </div>
        

                    <div class="form-group">
        

                      <label for="pwd">Password:</label>
        

                      <input type="password" class="form-control" id="pwd">
        

                    </div>
        

                    <div class="checkbox">
        

                      <label><input type="checkbox"> Remember me</label>
        

                    </div>
        

                  </form>
        

          </app-popup>
      

TS

  
      

          

            

              

                showModal = {{ '{' }}
              

                    id: "requestinformation",
              

                    title: "REQUEST INFORMATION",
              

                    closeText: "Cancel",
              

                    confirmText: "Submit Request for Information",
              

                    visible: false,
              

                    confirmClass: 'custom-primary',
              

                    closeClass: 'custom-secondary',
              

                    titleClass: 'title'
              

                  };
              

              

                  ngOnInit() {{ '{' }}}
              

              

                  onClose() {{ '{' }}
              

                    this.showModal.visible= false;
              

                  }
              

              

                  onConfirm() {{ '{' }}
              

                    this.showModal.visible= false;
              

                  }
              

              

                  onClick() {{ '{' }}
              

                    this.showModal.visible= true;
              

                  }