Skip to main content
se eliminaron 478 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

El problema que tienes que todosMi idea para resolver los checkboxes tienenproblemas:

Crear en el mismo valor.componente una estructura con los campos de los checkboxes:

<input//asumo class="form-check-input"que type="checkbox"sensor id="inlineCheckbox1"
es value="data.name"el name=array "miDataInterior"["var_TempExt", [(ngModel)]="miDataInterior">

Te has olvidado de los corchetes, estás asignando como valor el string "data.name" en lugar del contenido de data.name:

<input"var_HumRExt", class="form-check-input""var_HumRInt", type="checkbox"... ]
checkboxes= [value]="data{};
sensor.name" name=forEach(nombre "miDataInterior"=> [(ngModelcheckboxes[nombre]=false)]="miDataInterior">;

Edición:

Es muy posible que el problema también esté causado porque todos los elementos tienen el mismo id,Con lo he quitado de mi propuesta.

Segunda edición:

Si sensor es un array de strings, entonces el problema es que data estendrías un string,objeto con loatributos llamados igual que data.name es siempre undefined, prueba concada checkbox inicializados a false.

Y luego haces algo como:

<input<div class="formclass="col-checkmd-input"6 type="checkbox"
col-lg-6 [value]="data"col-6" name=*ngFor="let "miDataInterior"data [(ngModel)]="miDataInterior">of sensor; let i= index">

Tercera edición:

Me he confundido con los radio button: necesitas guardar cada checkbox en un atributo distinto, por tanto el valor de ngModel ha de ser distinto en cada checkbox:

    <input class="form-check-input" type="checkbox" name= "miDataInterior" 
  [value]="data.name" name= "miDataInterior"    [(ngModel)]="data]="checkboxes[data.name">name]" id="{{'inlineCheckbox' + i}}">

    <label class="form-check-label" for="{{'inlineCheckbox' + i}}">{{data.name}}</label>
</div>

El problema que tienes que todos los checkboxes tienen el mismo valor.

<input class="form-check-input" type="checkbox" id="inlineCheckbox1"
 value="data.name" name= "miDataInterior" [(ngModel)]="miDataInterior">

Te has olvidado de los corchetes, estás asignando como valor el string "data.name" en lugar del contenido de data.name:

<input class="form-check-input" type="checkbox"
 [value]="data.name" name= "miDataInterior" [(ngModel)]="miDataInterior">

Edición:

Es muy posible que el problema también esté causado porque todos los elementos tienen el mismo id, lo he quitado de mi propuesta.

Segunda edición:

Si sensor es un array de strings, entonces el problema es que data es un string, con lo que data.name es siempre undefined, prueba con:

<input class="form-check-input" type="checkbox"
 [value]="data" name= "miDataInterior" [(ngModel)]="miDataInterior">

Tercera edición:

Me he confundido con los radio button: necesitas guardar cada checkbox en un atributo distinto, por tanto el valor de ngModel ha de ser distinto en cada checkbox:

<input class="form-check-input" type="checkbox"
  [value]="data.name" name= "miDataInterior" [(ngModel)]="data.name">

Mi idea para resolver los problemas:

Crear en el componente una estructura con los campos de los checkboxes:

//asumo que sensor es el array ["var_TempExt", "var_HumRExt", "var_HumRInt", ... ]
checkboxes= {};
sensor.forEach(nombre => checkboxes[nombre]=false);

Con lo que tendrías un objeto con atributos llamados igual que cada checkbox inicializados a false.

Y luego haces algo como:

<div class="col-md-6 col-lg-6 col-6" *ngFor="let data of sensor; let i= index">
    <input class="form-check-input" type="checkbox" name= "miDataInterior" 
        [(ngModel)]="checkboxes[data.name]" id="{{'inlineCheckbox' + i}}">

    <label class="form-check-label" for="{{'inlineCheckbox' + i}}">{{data.name}}</label>
</div>
se añadieron 324 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

El problema que tienes que todos los checkboxes tienen el mismo valor.

<input class="form-check-input" type="checkbox" id="inlineCheckbox1"
 value="data.name" name= "miDataInterior" [(ngModel)]="miDataInterior">

Te has olvidado de los corchetes, estás asignando como valor el string "data.name" en lugar del contenido de data.name:

<input class="form-check-input" type="checkbox"
 [value]="data.name" name= "miDataInterior" [(ngModel)]="miDataInterior">

Edición:

Es muy posible que el problema también esté causado porque todos los elementos tienen el mismo id, lo he quitado de mi propuesta.

Segunda edición:

Si sensor es un array de strings, entonces el problema es que data es un string, con lo que data.name es siempre undefined, prueba con:

<input class="form-check-input" type="checkbox"
 [value]="data" name= "miDataInterior" [(ngModel)]="miDataInterior">

Tercera edición:

Me he confundido con los radio button: necesitas guardar cada checkbox en un atributo distinto, por tanto el valor de ngModel ha de ser distinto en cada checkbox:

<input class="form-check-input" type="checkbox"
  [value]="data.name" name= "miDataInterior" [(ngModel)]="data.name">

El problema que tienes que todos los checkboxes tienen el mismo valor.

<input class="form-check-input" type="checkbox" id="inlineCheckbox1"
 value="data.name" name= "miDataInterior" [(ngModel)]="miDataInterior">

Te has olvidado de los corchetes, estás asignando como valor el string "data.name" en lugar del contenido de data.name:

<input class="form-check-input" type="checkbox"
 [value]="data.name" name= "miDataInterior" [(ngModel)]="miDataInterior">

Edición:

Es muy posible que el problema también esté causado porque todos los elementos tienen el mismo id, lo he quitado de mi propuesta.

Segunda edición:

Si sensor es un array de strings, entonces el problema es que data es un string, con lo que data.name es siempre undefined, prueba con:

<input class="form-check-input" type="checkbox"
 [value]="data" name= "miDataInterior" [(ngModel)]="miDataInterior">

El problema que tienes que todos los checkboxes tienen el mismo valor.

<input class="form-check-input" type="checkbox" id="inlineCheckbox1"
 value="data.name" name= "miDataInterior" [(ngModel)]="miDataInterior">

Te has olvidado de los corchetes, estás asignando como valor el string "data.name" en lugar del contenido de data.name:

<input class="form-check-input" type="checkbox"
 [value]="data.name" name= "miDataInterior" [(ngModel)]="miDataInterior">

Edición:

Es muy posible que el problema también esté causado porque todos los elementos tienen el mismo id, lo he quitado de mi propuesta.

Segunda edición:

Si sensor es un array de strings, entonces el problema es que data es un string, con lo que data.name es siempre undefined, prueba con:

<input class="form-check-input" type="checkbox"
 [value]="data" name= "miDataInterior" [(ngModel)]="miDataInterior">

Tercera edición:

Me he confundido con los radio button: necesitas guardar cada checkbox en un atributo distinto, por tanto el valor de ngModel ha de ser distinto en cada checkbox:

<input class="form-check-input" type="checkbox"
  [value]="data.name" name= "miDataInterior" [(ngModel)]="data.name">
se añadieron 299 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92

El problema que tienes que todos los checkboxes tienen el mismo valor.

<input class="form-check-input" type="checkbox" id="inlineCheckbox1"
 value="data.name" name= "miDataInterior" [(ngModel)]="miDataInterior">

Te has olvidado de los corchetes, estás asignando como valor el string "data.name" en lugar del contenido de data.name:

<input class="form-check-input" type="checkbox"
 [value]="data.name" name= "miDataInterior" [(ngModel)]="miDataInterior">

EDITADOEdición:

Es muy posible que el problema también esté causado porque todos los elementos tienen el mismo id, lo he quitado de mi propuesta.

Segunda edición:

Si sensor es un array de strings, entonces el problema es que data es un string, con lo que data.name es siempre undefined, prueba con:

<input class="form-check-input" type="checkbox"
 [value]="data" name= "miDataInterior" [(ngModel)]="miDataInterior">

El problema que tienes que todos los checkboxes tienen el mismo valor.

<input class="form-check-input" type="checkbox" id="inlineCheckbox1"
 value="data.name" name= "miDataInterior" [(ngModel)]="miDataInterior">

Te has olvidado de los corchetes, estás asignando como valor el string "data.name" en lugar del contenido de data.name:

<input class="form-check-input" type="checkbox"
 [value]="data.name" name= "miDataInterior" [(ngModel)]="miDataInterior">

EDITADO:

Es muy posible que el problema también esté causado porque todos los elementos tienen el mismo id, lo he quitado de mi propuesta

El problema que tienes que todos los checkboxes tienen el mismo valor.

<input class="form-check-input" type="checkbox" id="inlineCheckbox1"
 value="data.name" name= "miDataInterior" [(ngModel)]="miDataInterior">

Te has olvidado de los corchetes, estás asignando como valor el string "data.name" en lugar del contenido de data.name:

<input class="form-check-input" type="checkbox"
 [value]="data.name" name= "miDataInterior" [(ngModel)]="miDataInterior">

Edición:

Es muy posible que el problema también esté causado porque todos los elementos tienen el mismo id, lo he quitado de mi propuesta.

Segunda edición:

Si sensor es un array de strings, entonces el problema es que data es un string, con lo que data.name es siempre undefined, prueba con:

<input class="form-check-input" type="checkbox"
 [value]="data" name= "miDataInterior" [(ngModel)]="miDataInterior">
se eliminaron 21 caracteres en el cuerpo
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92
Loading
Origen Enlace
Pablo Lozano
  • 49.9k
  • 8
  • 55
  • 92
Loading