El ngIf no me lee los objetos dentro de un objeto en el html que podria ser?
en el data.component.html
<h4>Formularios <small>data</small></h4>
<hr>
<form [formGroup]="forma" (ngSubmit)="guardarCambios()" novalidate="novalidate">
<div formGroupName="nombrecompleto">
<div class="form-group row">
<label class="col-2 col-form-label">Nombre</label>
<div class="col-8">
<input class="form-control" type="text" placeholder="Nombre" formControlName="nombre">
<!-- *ngIf="forma.get('nombrecompleto.nombre').errors?.required" -->
<div class="form-group row form-control-feedback" *ngIf="forma.controls['nombrecompleto'].controls['nombre'].errors?.required">
El nombre es necesario.
</div>
</div>
</div>
</div>
<div class="form-group row">
<label class="col-2 col-form-label"> </label>
<div class="input-group col-md-8">
<button type="submit" class="btn btn-outline-primary">
Guardar
</button>
</div>
</div>
{{forma.valid}}
</form>
En el data.componen.ts
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';
@Component({
selector: 'app-data',
templateUrl: './data.component.html',
styles: [
]
})
export class DataComponent {
forma:FormGroup;
usuario:Object={
nombrecompleto:{
nombre:""
}
}
constructor() {
console.log(this.usuario);
this.forma = new FormGroup({
nombrecompleto: new FormGroup({
nombre:new FormControl('', [Validators.required, Validators.minLength(5)])
})
});
}
guardarCambios(){
console.log(this.forma.value);
console.log(this.forma);
}
}
No me lo lee en el ngif de el html por que sera? hasta probe con .get que esta comentado ensima de nombre y tampoco funciono me dice que el 2° controls no lo encuentra "Property 'controls' does not exist on type 'AbstractControl'.ngtsc(2339)" ese es el error cuando le pongo el cursor enzima del 2° controls AYUDA por favor.
hay si me salen mas errores si lo coloco el el ngIf
Mira y ahora de ahi me sale un error en erors