Angular:FormBuild - Histórico de revisão

Renefgj: /* html */

2024-02-25T11:28:13Z

html

Renefgj: /* html */

2024-02-25T11:27:21Z

html

Renefgj: /* html */

2024-02-25T11:26:41Z

html

Renefgj: /* html */

2024-02-25T11:26:15Z

html

Renefgj: /* html */

2024-02-25T11:25:50Z

html

Renefgj: /* html */

2024-02-25T11:25:39Z

html

Renefgj: /* TS */

2024-02-25T11:25:13Z

Renefgj: /* TS */

2024-02-25T11:24:32Z

Renefgj: /* TS */

2024-02-25T11:24:01Z

Renefgj: Criou página com '==TS== import { Component, OnInit } from '@angular/core'; import { FormBuilder, FormControl, FormGroup } from '@angular/forms'; import { ActivatedRoute } from '@angular/rou...'

2024-02-25T11:23:30Z

Criou página com '==TS== import { Component, OnInit } from '@angular/core'; import { FormBuilder, FormControl, FormGroup } from '@angular/forms'; import { ActivatedRoute } from '@angular/rou...'

Página nova

==TS==
import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
import { ActivatedRoute } from '@angular/router';
import { SocialChangePassword } from 'src/app/000_class/social-change-password';
import { BrapciService } from 'src/app/000_core/010_services/brapci.service';

@Component({
selector: 'app-change-password',
templateUrl: './change-password.component.html',
})
export class ChangePasswordComponent {
formCliente: FormGroup<any> | any;
apikey:string = ''
parms:Array<any>|any

ngOnInit() {
this.createForm(new SocialChangePassword());

this.parms = this.route.params.subscribe((params) => {
this.apikey = params['id']; // (+) converts string 'id' to a number
this.formCliente.controls['apikey'].setValue(this.apikey);

});
}

constructor(
private formBuilder: FormBuilder,
private brapciService: BrapciService,
private route: ActivatedRoute
) {}

createForm(cliente: SocialChangePassword) {
this.formCliente = this.formBuilder.group({
pass1: [cliente.pass1],
pass2: [cliente.pass2],
apikey: [cliente.apikey],
});
}

onSubmit() {
// aqui você pode implementar a logica para fazer seu formulário salvar
console.log(this.formCliente.value);

// chamando a função createForm para limpar os campos na tela
this.createForm(new SocialChangePassword());
}
}

==html==
<div class="container">
<div class="row">
<div class="col-12 col-lg-4">
<form [formGroup]="formCliente" (ngSubmit)="onSubmit()">
<div class="form-group mt-3">
<label for="dataNascimento">Informe a nova senha</label>
<input type="text" class="form-control" name="pass1" id="pass1" formControlName="pass1">
</div>

<div class="form-group mt-3">
<label for="pass2">Confirme nova senha</label>
<input type="text" class="form-control" name="pass2" id="pass2" formControlName="pass2">
</div>

<div class="form-group mt-3">
<input type="submit" class="btn btn-outline-primary me-2" value="Salvar">
<a href="#" class="btn btn-outline-secondary me-2">Cancelar</a>
</div>
</form>
</div>
<div class="col-12 col-lg-8"></div>
</div>
</div>

<div class="container">
<div class="row">
<div class="col-12 mt-5">
{{formCliente.value | json}}
</div>
</div>
</div>

@@ Linha 47: / Linha 47: @@
 ==html==
-<code>
+<box>
   <div class="container">
    <div class="row">
@@ Linha 76: / Linha 76: @@
    </div>
   </div>
-<code>
+<box>

@@ Linha 54: / Linha 54: @@
       <label for="dataNascimento">Informe a nova senha</label>
       <input type="text" class="form-control" name="pass1" id="pass1" formControlName="pass1">
       </div>
     <div class="form-group mt-3">
       <label for="pass2">Confirme nova senha</label>
       <input type="text" class="form-control" name="pass2" id="pass2" formControlName="pass2">
     </div>
     <div class="form-group mt-3">
       <input type="submit" class="btn btn-outline-primary me-2" value="Salvar">
@@ Linha 69: / Linha 67: @@
    <div class="col-12 col-lg-8"></div>
     </div>
   </div>
   <div class="container">
- <div class="row">
+  <div class="row">
- <div class="col-12 mt-5">
+   <div class="col-12 mt-5">
-   {{formCliente.value | json}}
+    {{formCliente.value | json}}
- </div>
+   </div>
- </div>
+  </div>
   </div>

@@ Linha 5: / Linha 5: @@
   import { SocialChangePassword } from 'src/app/000_class/social-change-password';
   import { BrapciService } from 'src/app/000_core/010_services/brapci.service';
-−
   @Component({
   selector: 'app-change-password',
-  templateUrl: './change-password.component.html',
+  templateUrl: './change-password.component.html',})
   export class ChangePasswordComponent {
   formCliente: FormGroup<any> | any;
   apikey:string = ''
   parms:Array<any>|any
-−
   ngOnInit() {
    this.createForm(new SocialChangePassword());
-−
    this.parms = this.route.params.subscribe((params) => {
    this.apikey = params['id']; // (+) converts string 'id' to a number
    this.formCliente.controls['apikey'].setValue(this.apikey);
    });
+  }
-−
   constructor(
    private formBuilder: FormBuilder,
@@ Linha 31: / Linha 28: @@
    private route: ActivatedRoute
   ) {}
-−
   createForm(cliente: SocialChangePassword) {
    this.formCliente = this.formBuilder.group({
@@ Linha 39: / Linha 36: @@
    });
+  }
-−
   onSubmit() {
    // aqui você pode implementar a logica para fazer seu formulário salvar