Cuando cambio el valor en el menú desplegable del club, la identificación cambia visualmente, pero no pasa nada a mi formulario. Sigo siendo nulo cuando intento insertar el valor del cuadro de ID en una tabla. Agradecería cualquier ayuda
<div class="form-group"> <label>id</label> <div class="form-control" name="club_api_id" ngDefaultControl [(ngModel)]="form.club_api_id"> <tr *ngFor="let obj of klubbid" [value]="obj.id">{{obj.id}} </tr> </div>
Así es como se ve:
Parece que hay algunos problemas con la posición en la que se adjunta el objeto de formulario en el DOM.
Ha adjuntado el formulario al div "club_api_id"; Los elementos div no actualizarán el formulario, ya que el usuario generalmente no tiene una forma de cambiar su contenido.
la "id" no está vinculada a un atributo de formulario en este momento, al menos no de esta parte del código que ha compartido. En este tr, el valor del id se colocará en el tr
, pero si el usuario lo cambia, no se colocará en el formulario.
<tr *ngFor="let obj of klubbid" [value]="obj.id">{{obj.id}} </tr>
si usa una select
en lugar de tr
y adjunta la propiedad del formulario al valor de esta selección, debería funcionar:
<div class="form-control" name="club_api_id"> <select [(ngModel)]="form.club_api_id"> <option *ngFor="let obj of klubbid" [value]="obj.id">{{obj.id}}</option> </select> </div>