html - container - ng if else

Casilla de verificación marcada si booleano es verdadero con Angular2

Question

Me gustaría saber cómo marcar una casilla de verificación si el valor es verdadero, y deseleccionar si es falso con Angular2 .

Adult <input type="checkbox" value="{{person.is_adult}}">

{{person.is_adult}} es un boolean

¿Alguien por favor puede sugerir algo? Gracias

Answer 1

te falta un corchete alrededor comprobado

<input type="checkbox" [checked]="person.is_adult">

¡¡Espero que esto ayude!!

Answer 2

{{}} hace la interpolación de cadenas y establece cadenas de true y false y Angular de manera predeterminada usa el enlace de propiedad y asumo que la propiedad espera valores booleanos y no cadenas:

<input type="checkbox" [checked]="person.is_adult">

Esto podría funcionar también

<input type="checkbox" attr.checked="{{person.is_adult}}">

porque con el enlace de atributos, el navegador podría traducirlo del atributo (que solo puede ser cadenas) a booleano al leerlo en su propiedad.

También se checked lugar de value

También puedes usar ngModel

<input type="checkbox" [ngModel]"person.is_adult" name="isAdult">
<input type="checkbox" [(ngModel)]"person.is_adult" name="isAdult">

Para enlace unidireccional o bidireccional.
Asegúrate de que FormsModule importado el FormsModule si usas ngModel .