Property does not exist on type in Angular 10
Publicado por Jhon (4 intervenciones) el 24/02/2021 17:58:22
Tengo un formulario en Angular 10 con bootstrap 4 que funciona:
mi archivo ts:
Necesito agregar un selector de fecha y hora, así que seguí estas instrucciones
https://xpertphp.com/angular-10-bootstrap-4-datepicker-example/
Yo adicioné:
No estaba usando [(ngModel)] estaba usando formControlName.estoy obteniendo el error:
1
2
3
4
5
6
7
8
9
10
11
12
13
<form (ngSubmit)="onSubmit()" [formGroup]="myForm">
<div class="form-group">
<label for="tecnico">Técnico</label>
<input type="text" class="form-control" id="tecnico" name="tecnico" formControlName="tecnico" >
</div>
<div class="form-group">
<label for="servicioRealizado">Servicio</label>
<input type="text" class="form-control" id="servicioRealizado" formControlName="servicioRealizado">
</div>
<button type="submit" class="btn btn-primary" [disabled]="myForm.invalid">Enviar</button>
</form>
mi archivo ts:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
servicioSettings: ServicioSettings = {
tecnico: null,
servicioRealizado: null,
semanaDelAno: null,
fechaYHoraDeInicio: null,
fechaYHoraFinal: null,
horasDiurnas: null,
horasNocturnas: null };title = 'datepicker-example';
myForm: FormGroup;constructor(private formBuilder: FormBuilder, private dataService: DataService) {
this.myForm = this.formBuilder.group({
tecnico: [this.servicioSettings.tecnico, Validators.required],
servicioRealizado: [this.servicioSettings.servicioRealizado, Validators.required],
fechaYHoraDeInicio: [this.servicioSettings.fechaYHoraDeInicio, Validators.required]
});
}Necesito agregar un selector de fecha y hora, así que seguí estas instrucciones
https://xpertphp.com/angular-10-bootstrap-4-datepicker-example/
Yo adicioné:
1
2
3
4
5
6
7
<div class="form-group">
<input class="form-control" placeholder="yyyy-mm-dd" name="fechaYHoraDeInicio"
[(ngModel)]="fechaYHoraDeInicio" ngbDatepicker #d="fechaYHoraDeInicio">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar" (click)="d.toggle()" type="button"></button>
</div>
</div>
No estaba usando [(ngModel)] estaba usando formControlName.estoy obteniendo el error:
1
Property 'fechaYHoraDeInicio' does not exist on type 'IngresarservicioComponent
Valora esta pregunta
0