Hola, quiero tener un formulario precargado en Angular2 y no permitir que los usuarios cambien los datos precargados. Solo quiero publicar estos datos precargados en el servidor (los datos se derivan automáticamente de la información del usuario actualmente conectado).
¿Cómo puedo conseguir esto?
mi código.
<form [formGroup]="requestForm" (ngSubmit)="onSubmit()"> <div class="form-group"> <label class="fontstyle1"><span class="fontstyle2">STEP2. </span>User Information</label> <div class="form-group"> <label class="fontstyle3">Name</label> <input *ngFor="let user of currentUser | getValues | slice:1:2" type="text" required class="form-control" formControlName="name"[(ngModel)]="selected_name" value="user.name"> </div> <div class="form-group"> <label class="fontstyle3">E-mail</label> <input *ngFor="let user of currentUser | getValues | slice:1:2" type="text" required class="form-control" formControlName="email" [(ngModel)]="selected_email" value="user.email"> </div> <div class="form-group"> <label class="fontstyle3">Phone</label> <input *ngFor="let user of currentUser | getValues | slice:1:2" type="text" required class="form-control" formControlName="phone" [(ngModel)]="selected_phone" value="user.phone"> </div> <br> <button type="submit" id="request-btn">Request</button> </div>Cuando ejecuto esto, el resultado no es inalterable ni precargado.
¡Ayudar!
Gracias !
Intente usar formControlName o ngModel, y también deshabilite los campos de entrada.
<form [formGroup]="requestForm" (ngSubmit)="onSubmit()"> <div class="form-group"> <label class="fontstyle1"><span class="fontstyle2">STEP2. </span>User Information</label> <div class="form-group"> <label class="fontstyle3">Name</label> <input *ngFor="let user of currentUser | getValues | slice:1:2" type="text" required class="form-control" [(ngModel)]="user.name" disabled> </div> <div class="form-group"> <label class="fontstyle3">E-mail</label> <input *ngFor="let user of currentUser | getValues | slice:1:2" type="text" required class="form-control" [(ngModel)]="user.email" disabled> </div> <div class="form-group"> <label class="fontstyle3">Phone</label> <input *ngFor="let user of currentUser | getValues | slice:1:2" type="text" required class="form-control" [(ngModel)]="user.phone" disabled> </div> <br> <button type="submit" id="request-btn">Request</button> </div> </div> </form>Y en su componente en ngOnInit configure los datos para formar
ngOnInit(){ this.apicall.subscribe((info)=>{ this.currentUser = info; } ); }