Angular ngx管理项目中表单布局的验证

借助ngx管理/表单/表单布局的表单。我做了自己的表格。现在我想对表单应用验证并将数据发送到firebase。我试着使用formgroup，ngmodel。什么都不管用。帮帮我

这是formlayout的链接-

我从这里下载了模板-

预约表
标题
挑选
先生
夫人
太太
名字
中名
姓
电子邮件
地址
转介
挑选
Abc博士
Xyz博士
林博士
预约

下面是一个如何使用反应式表单的示例： 首先，您必须从模块中的angular/forms导入ReactiveFormsModule 然后，您可以使用formGroup指令和formControlName指令提供的formControlName输入绑定每个输入。

---

检查：

以下是如何使用反应式表单的示例： 首先，您必须从模块中的angular/forms导入ReactiveFormsModule 然后，您可以使用formGroup指令和formControlName指令提供的formControlName输入绑定每个输入。

---

检查：

当您说将数据发送到firebase时，您的确切意思是什么？实际上，我想将表单数据发送到特定的邮件id。因此在console.firebase上创建了一个项目，创建了一个数据库，并将数据保存在其中。我将编写一个函数来发送邮件，我将从数据库中获取数据我参考了这段视频-当你说将数据发送到firebase时，你的确切意思是什么？实际上我想将表单数据发送到特定的邮件id。因此，我在console.firebase创建了一个项目，创建了一个数据库，并将数据保存在其中。我将写一个函数来发送邮件，我将从数据库中获取数据。我引用了这段视频-是的，它成功了。一直以来，我都在实施它的一部分，并担心错误。是的，它奏效了。一直以来，我都在实现它的一部分，并担心错误

<nb-card>
  <nb-card-header>Appointment form</nb-card-header>
  <nb-card-body>

    <form class="form-horizontal">

      <div class="row">

        <div class="col-lg-6">
        <div class="form-control-group">
          <label for="title" class="label col-sm-3 form-control-label">Title</label>
            <div class="col-sm-9">
            <nb-select selected="1" id="title">
              <nb-option value="1">Select</nb-option>
              <nb-option value="2">Mr.</nb-option>
              <nb-option value="3">Mrs.</nb-option>
              <nb-option value="4">Ms</nb-option>
            </nb-select>
          </div>
        </div>

        <div class="form-group row">
          <label for="fname" class="label col-sm-3 form-control-label">First Name</label>
          <div class="col-sm-9">
            <input 
              type="text" nbInput fullWidth id="fname" placeholder="First Name" 
              required/>
          </div>
        </div>

        <div class="form-group row">
          <label for="mname" class="label col-sm-3 form-control-label">Middle Name</label>
          <div class="col-sm-9">
            <input type="text" nbInput fullWidth id="mname" placeholder="Middle Name">
          </div>
        </div>

        <div class="form-group row">
          <label for="lname" class="label col-sm-3 form-control-label">Last Name</label>
          <div class="col-sm-9">
            <input type="text" nbInput fullWidth id="lname" placeholder="Last Name">
          </div>
        </div>
    </div>

      <div class="col-lg-6">
        <div class="form-group row">
          <label for="email" class="label col-sm-3 form-control-label">Email</label>
          <div class="col-sm-9">
            <input type="email" nbInput fullWidth id="lname" placeholder="Email">
          </div>
        </div>

        <div class="form-group row">
          <label for="adrss" class="label col-sm-3 form-control-label">Address</label>
          <div class="col-sm-9">
            <textarea rows="5" id="adrss" nbInput fullWidth shape="round"  placeholder="Address"></textarea>
          </div>
        </div>

        <div class="form-group row">
          <label for="doctor" class="label col-sm-3 form-control-label">Referred By</label>
            <div class="col-sm-9">
            <nb-select selected="1" id="doctor">
              <nb-option value="1">Select</nb-option>
              <nb-option value="2">Dr. Abc</nb-option>
              <nb-option value="3">Dr. Xyz</nb-option>
              <nb-option value="4">Dr. Lmn</nb-option>
            </nb-select>
          </div>
        </div>

      </div>

        <div class="form-group row">
          <div class="offset-sm-3 col-sm-9">
            <button type="submit" nbButton status="warning">Book Appointment</button>
        </div>
      </div>


    </div>
    </form>
  </nb-card-body>
</nb-card>