Angular: ng build --prod excecuted时未检测到反应式表单控件

Question

我已经使用Angular创建了一个反应式表单。在我的模板中，我声明了formControlName属性并为它们命名，在.ts组件中，我也将它们声明为formControls，FormGroup的成员，但是，当我执行ng build --prod时，我得到一个错误，说它们在.ts中不存在。

这是我的表格：

 <form ngNativeValidate [formGroup]="forma" class="form-horizontal" novalidate>
      <div class="row doc-row">
        <div class="col-sm-6">
          <!-- Fecha desde-->
          <label class="col-sm-1 control-label lh-11 documento-label">Fecha desde</label>
          <div class="col-sm-4">
            <input type="date" formControlName="fechaDesde" name="fechaDesde" id="fechaDesde" type="date"
              class="form-control" />
          </div>
          <span #dp="bsDatepicker" bsDatepicker class="fa fa-search facturas col-sm-1 " [(bsValue)]="fechaDesde"></span>

          <!-- Fecha hasta-->
          <label class="col-sm-1 control-label lh-11 documento-label">Fecha hasta</label>
          <div class="col-sm-4">
            <input type="date" formControlName="fechaHasta" name="fechaHasta" id="fechaHasta" type="date"
              class="form-control" />
          </div>
          <em #dp="bsDatepicker" bsDatepicker class="fa fa-search facturas col-sm-1 " [(bsValue)]="fechaHasta"></em>
        </div>
        <div class="col-sm-6 text-right">
          <button class="btn btn-oval btn-sm ml-2 " (click)="creaSolicitudFolio()" type="button">
            Nuevo
          </button>
          <button class="btn btn-oval btn-sm ml-2 " (click)="buscaFolios()" type="button">
            Buscar
          </button>
        </div>
      </div>
      <!-- SEGUNDA COLUMNA -->
      <div class="row doc-row mt-2">
        <div class="col-sm-6">
          <!-- Cantidad desde-->
          <label class="col-sm-1 control-label lh-11 documento-label">Cantidad desde</label>
          <div class="col-sm-4">
            <input type="date" formControlName="cantidadDesde" name="cantidadDesde" id="cantidadDesde" type="text"
              class="form-control" />
          </div>
          <span #dp="bsDatepicker" bsDatepicker class="fa fa-search facturas col-sm-1 "
            [(bsValue)]="cantidadDesde"></span>

          <!-- Cantidad hasta-->
          <label class="col-sm-1 control-label lh-11 documento-label">Cantidad hasta</label>
          <div class="col-sm-4">
            <input type="date" formControlName="cantidadHasta" name="cantidadHasta" id="cantidadHasta" type="text"
              class="form-control" />
          </div>
          <em #dp="bsDatepicker" bsDatepicker class="fa fa-search facturas col-sm-1 " [(bsValue)]="cantidadHasta"></em>
        </div>

        <div class="col-sm-6">
          <!-- tipo documento -->
          <label class="col-sm-1 control-label lh-11 documento-label">Tipo</label>
          <div class="col-sm-4">
            <select class="form-control pv-0" formControlName="tipoFactura" name="tipoFactura">
              <option *ngFor="let tipofactura of tiposfacturas" [value]="tipofactura.par_codparametro01">
                {{tipofactura.par_deslargo01}}</option>
            </select>
          </div>
        </div>
      </div>

    </form>

下面是它们在.ts文件中的声明方式：

  constructor( ) {
    this.forma = new FormGroup({
      fechaDesde: new FormControl(''),
      fechaHasta: new FormControl(''),
      cantidadHasta: new FormControl(''),
      cantidadDesde: new FormControl(''),
      tipoFactura: new FormControl('')
    });
  }

我不能让他们通过测试，我也不知道为什么。

有什么想法吗？

谢谢。

Answer 1

forma = new FormGroup({
    fechaDesde: new FormControl(''),
    fechaHasta: new FormControl(''),
    cantidadHasta: new FormControl(''),
    cantidadDesde: new FormControl(''),
    tipoFactura: new FormControl('')
});

constructor( ) {}

请试试看。

Answer 2

如果没有构建问题，并且与反应式表单无关，则ng build --prod应该可以工作。

如果有效，请检查此讨论。Angular reactive form binding not working