Я создал реактивную форму, используя 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('')
});
}
Я не могу заставить их пройти тест, и я не знаю почему.
Есть идеи?
Спасибо.