3

Tengo un formulario con un checkbox, en el cual yo lo marco o lo dejo desmarcado, lo guardo en mi base de datos y se guarda 0 o 1, dependiendo si lo e marcado o no, ahora quiero editar ese checkbox y que me aparezca pulsado si es 1 y sin pulsar si es 0, pero no consigo realizarlo.

hojaingreso[0].pair - Aquí está la información obtenida del checkbox guardado en la base de datos

<input *ngIf="hojaingreso?.length != 0" type="checkbox" [(ngModel)]="hojaingreso[0].pair" [value]="hojaingreso[0].pair" [disabled]="modificar == false">

He probado con [checked]="hojaingreso[0].pair == true"

con == 0, == 1 etc...

Si pongo el ngModel me aparece siempre checkeado independientemente si tiene 0 o 1 guardado en la base de datos.

EDITO

Probando, me e dado cuenta que el ngModel si en vez de llevar 0 o 1 lleva true o false funciona perfectamente, pero como puedo hacer para que al obtener los datos en angular ponga true si es 1 o false si es 0, ya que no es 1 campo checkbox lo que tengo, tendré unos 20.

8
  • Probaste con una comparación estricta??...es decir colocando === en vez de == el 9 ene. 2020 a las 16:48
  • Acabo de probar y nada... el 10 ene. 2020 a las 8:09
  • ¿Estas seguro que el valor del campo "pair" es numérico? Si en lugar de 0 o 1, tienes "0" o "1" no te funcionará. el 13 ene. 2020 a las 10:30
  • 2
    Es raro, debería funcionarte bien, en este ejemplo funciona y tan sólo he copiado el código tal y como lo has puesto tu. stackblitz.com/edit/angular-yd9zzg el 13 ene. 2020 a las 11:57
  • 1
    parece ser que tu problema esta en tus datos, ¿podrías mostrar como es ese objeto hojaingreso?
    – LPZadkiel
    el 13 ene. 2020 a las 17:23

2 respuestas 2

2
+25

En la clase crea una variable

inputChecked: boolean

Creas un if else con el cual validas lo que te devuelve la base de datos y si es 1 le asignas un true a la variable o si es 0 un false

En input debes pones así:

[checked]="inputChecked"
1

Puedes modificar el comportamiento con estas linea:

<input 

   (change)='valor = valor === 1 ? 0 : 1'
   type="checkbox"  [value]="valor"
   [checked]='valor === 1'
 >

Donde valor: 0|1 = 0 y se modifica en cada evento change que se desencadena.

Te dejo un ejemplo aquí

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.