Estoy de desarrolando con angular y Necesito obtener el valor de un checkbox que esta en el html, en mi ts para guardar el elemento como true o false mi codigo html es:
<div class="form-check">
<input class="form-check-input" type="checkbox" value="true" name="activo" id="activo" [(ngModel)]="user.alta">
<label class="form-check-label text-dark" for="activo">
Activo?
</label>
cuando esta seleccionado si se guarda como true, pero cuando no esta seleccionada no se guarda ese atributo pero yo necesito que se guarde como false
- alta es un atributo de user
export class Usuario {
_id:string;
usuario:string;
password:string;
alta:boolean;
Usuario(_id?:string , usuario?:string , password?:string , alta?:boolean , perfil?:string){
this._id = _id ;
this.usuario = usuario;
this.password = password;
this.alta = alta;
}
}
- y este mi codigo en ts
export class UsuarioComponent implements OnInit {
user:Usuario;
usuarios:Array<Usuario>;
constructor(private usuarioService:UsuarioService, private _toastr:ToastrService) {
this.user = new Usuario ();
this.usuarios = new Array<Usuario>();
this.user.activo=false;
}
guardarUsuario(){
this.usuarioService.addUsuario(this.user).subscribe(
(result) => {
console.log(result)
this._toastr.success("Usuario creado","Exito")
this.refrescarUsuarios();
},
(error) =>{
this._toastr.error(error, "Error")
}
)
}
refrescarUsuarios(){
this.user.alta=false;
this.user = new Usuario ();
this.usuarios = new Array<Usuario>();
this.usuarioService.getUsuarios().subscribe(
(result)=>{
result.forEach(element => {
Object.assign(this.user,element);
this.usuarios.push(this.user);
this.user= new Usuario();
});
},
(error) => {
console.log(error)
}
)
}
}