Angular6 如何在点击提交按钮后在弹出窗口中显示表单数据

我在安圭拉做项目。我已经创建了登记表。点击按钮后，我需要在带有提交按钮的弹出窗口中显示这些表单值，点击提交按钮后，表单应该被提交。我在控制台上得到这些表单值，但不知道如何在弹出窗口中显示这些表单值。请帮忙。 registration.html

<nav class="navbar navbar-expand-lg">Header
</nav>
<div class="container">
  <form [formGroup]="addForm" (ngSubmit)="onSubmit(addForm.value)" (onclick)="openPopup()">
    <h2 class="text-center mt-3">Registration Form</h2>
    <div class="card-header mt-3 mb-3">Student Registration</div>

    <div class="row">
      <div class="col-sm-6">
        <div class="form-group">
          <label for="usn"><strong>USN</strong></label>
          <input type="usn" formControlName="usn" placeholder="usn" name="usn" class="form-control" id="usn">
        </div>
      </div>
      <div class="col-sm-6">
        <div class="form-group">
          <label for="firstName"><strong>First Name</strong></label>
          <input type="firstName" formControlName="firstName" placeholder="FirstName" name="firstName" class="form-control" id="firstName" ngModel>
        </div>
      </div>
    </div>
 <button class="btn btn-success mx-auto d-block">Submit</button>
  </form>
</div>
<div class="card-footer">
  footer
</div>

---

如果您遵循了React方法，那么您可以通过以下代码获取表单数据

this.packageEditForm.controls["formControlName"].value

---

如果您遵循了React方法，那么您可以通过以下代码获取表单数据

this.packageEditForm.controls["formControlName"].value

---

是 啊我正在获取表单数据，但在提交后，我需要使用最终提交按钮以表格格式显示这些数据。提交表单后，您可以收集表单字段并通过{{}}表达式将其显示在表格单元格中。我需要使用提交按钮在弹出窗口中显示这些表单值。是的。我正在获取表单数据，但在提交后，我需要使用最终提交按钮以表格格式显示这些数据。提交表单后，您可以收集表单字段并通过{{}}表达式将其显示在表格单元格中。我需要使用提交按钮在弹出窗口中显示这些表单值。