Advertisement
Guest User

Untitled

a guest
Jun 24th, 2019
292
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.31 KB | None | 0 0
  1. <form method="POST" [formGroup]="form" #form="ngForm" >
  2. <label for="nombre">Nombre</label>
  3. <input
  4. [formControlName]="nombre"
  5. [formGroupName]="form"
  6. placeholder="Nombre:"
  7. type="text"
  8. [(ngModel)]="usuario.nombre"
  9. name="nombre"/>
  10. <input type="hidden" [(ngModel)]="usuario.id" name="id" value=0 />
  11. <label for="apellidos">Apellidos</label>
  12. <input
  13. placeholder="Apellidos:"
  14. type="text"
  15. [(ngModel)]="usuario.apellidos"
  16. name="apellidos"
  17. formControlName="apellidos"
  18. formGroupName="form"/>
  19. <label for="email">Email(Login)</label>
  20. <input
  21. placeholder="Email:"
  22. type="text"
  23. [(ngModel)]="usuario.email"
  24. name="email"
  25. formControlName="email"
  26. formGroupName="form"/>
  27. <label for="administrador">Administrador</label>
  28. <input
  29. type="checkbox"
  30. id="administrador"
  31. name="administrador"
  32. [(ngModel)]="usuario.administrador"
  33. formControlName="administrador"
  34. formGroupName="form"/>
  35. <hr />
  36. <a class="btn btn-default btn-block" (click)="enviar()">Enviar!</a>
  37. <a class="btn btn-default btn-block" (click)="volver()">Cancelar</a>
  38. </form>
  39.  
  40. import { UsuariosService } from '../../services/usuarios.service';
  41. import { Router } from '@angular/router';
  42. import { Usuario } from '../../interfaces/usuario';
  43. import {Component, ElementRef, ViewChild} from '@angular/core';
  44. import {FormBuilder, FormGroup, Validators} from "@angular/forms";
  45. @Component({
  46. selector: 'app-gusuarios',
  47. templateUrl: './gusuarios.component.html',
  48. styleUrls: ['./gusuarios.component.css']
  49. })
  50.  
  51. export class GUsuariosComponent implements OnInit {
  52. title = 'Gestión de usuarios';
  53. form: FormGroup;
  54. static readonly clase:string = 'GUsuariosComponent';
  55. submitted = false;
  56. usuarios:any = [];
  57. usuario:Usuario = new Usuario();
  58. error:string = '';
  59.  
  60. constructor(private usuariosService:UsuariosService, private router:Router,private fb: FormBuilder){
  61. console.log(GUsuariosComponent.clase+".constructor. entra");
  62. usuariosService.getUsuarios(this);
  63. console.log(GUsuariosComponent.clase+".constructor. sale");
  64. };
  65. ngOnInit() {
  66. console.log(GUsuariosComponent.clase+".ngOnInit. entra");
  67. this.form= this.fb.group({
  68. nombre: ['', Validators.required],
  69. apellidos: [''],
  70. email: ['' [Validators.required, Validators.email]],
  71. administrador: [0, Validators.required]
  72. })
  73. console.log(GUsuariosComponent.clase+".ngOnInit. sale");
  74. }
  75. modificar(index:number){
  76. this.usuario=this.usuarios[index];
  77. }
  78. eliminar(index:number){
  79. this.usuariosService.eliminarUsuario(this, this.usuarios[index].id, index);
  80. }
  81. enviar(){
  82. this.submitted = true;
  83.  
  84. // stop here if form is invalid
  85. if (this.form.invalid) {
  86. return;
  87. }
  88. this.usuariosService.guardarUsuario(this, document);
  89. }
  90. volver(){
  91. this.router.navigate(['admin']);
  92. }
  93. // convenience getter for easy access to form fields
  94. get f() { return this.form.controls; }
  95.  
  96. }
  97.  
  98. ERROR TypeError: this.form._updateTreeValidity is not a function
  99. at FormGroupDirective.push../node_modules/@angular/forms/fesm5/forms.js.FormGroupDirective._updateDomValue (forms.js:5397)
  100. at FormGroupDirective.push../node_modules/@angular/forms/fesm5/forms.js.FormGroupDirective.ngOnChanges (forms.js:5240)
  101. at checkAndUpdateDirectiveInline (core.js:22095)
  102. at checkAndUpdateNodeInline (core.js:23363)
  103. at checkAndUpdateNode (core.js:23325)
  104. at debugCheckAndUpdateNode (core.js:23959)
  105. at debugCheckDirectivesFn (core.js:23919)
  106. at Object.eval [as updateDirectives] (GUsuariosComponent.html:18)
  107. at Object.debugUpdateDirectives [as updateDirectives] (core.js:23911)
  108. at checkAndUpdateView (core.js:23307)
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement