Mudanças entre as edições de "Angular:Formulários"
Ir para navegação
Ir para pesquisar
(Criou página com '==Definindo campos== ===Chamada do componente=== <login-user title="Brapci 3.1"></login-user> ===Coponente TS=== export .... @imput() public title: string = "Login Title";') |
|||
| Linha 7: | Linha 7: | ||
export .... | export .... | ||
@imput() public title: string = "Login Title"; | @imput() public title: string = "Login Title"; | ||
| + | |||
| + | ==FormBuild== | ||
| + | |||
| + | export class PreviewComponent { | ||
| + | @Input() public book:Array<any>|any | ||
| + | |||
| + | constructor( private formBuilder: FormBuilder ) {} | ||
| + | formBook = new FormGroup({ | ||
| + | title: new FormControl('', Validators.required), | ||
| + | isbn: new FormControl(''), | ||
| + | }); | ||
| + | |||
| + | |||
| + | <div *ngIf="edit_title == true"> | ||
| + | <form [formGroup]="formBook"> | ||
| + | <textarea | ||
| + | id="title" | ||
| + | name="title" | ||
| + | class="form-control border border-secondary" | ||
| + | formControlName="title" | ||
| + | style="height: 130px; font-size: 1.6em" | ||
| + | ></textarea> | ||
| + | |||
| + | <span class="small edit me-2" (click)="save('title')">salvar</span> | ||
| + | <span class="small cancel me-2" (click)="cancel('title')" | ||
| + | >cancelar</span | ||
| + | > | ||
| + | </form> | ||
| + | </div> | ||
Edição atual tal como às 07h09min de 11 de agosto de 2023
Definindo campos
Chamada do componente
<login-user title="Brapci 3.1"></login-user>
Coponente TS
export .... @imput() public title: string = "Login Title";
FormBuild
export class PreviewComponent {
@Input() public book:Array<any>|any
constructor( private formBuilder: FormBuilder ) {}
formBook = new FormGroup({
title: new FormControl(, Validators.required),
isbn: new FormControl(),
});
<form [formGroup]="formBook">
<textarea
id="title"
name="title"
class="form-control border border-secondary"
formControlName="title"
style="height: 130px; font-size: 1.6em"
></textarea>
salvar
cancelar
</form>
