Cómo obtener el valor de la etiqueta de entrada en mecanografiado.
<input type="checkbox" id="demo111" (click)="chk(this)" name="schoolFactors" value="Yes" >YesEstoy usando el siguiente código, pero no estoy seguro de cómo obtener y establecer el valor del cuadro de entrada usando mecanografiado en angular.
chk(this){ console.log(this); }Si no desea utilizar el enlace de datos bidireccional. Puedes hacerlo.
En HTML
<form (ngSubmit)="onSubmit($event)"> <input name="player" value="Name"> </form>en componente
onSubmit(event: any) { return event.target.player.value; }Depende de las circunstancias, otra forma que no tiene que involucrar un <form> es usando ViewChild y elementRef . Un ejemplo muy simple:
HTML:
<input #cb type="checkbox" id="demo111" (change)="chk(cb.value)" name="schoolFactors" value="Yes" >YesCódigo de clase:
Demuestra obtener (a través de un parámetro del HTML y directamente en el código) y establecer el valor:
@ViewChild('cb') cb: ElementRef; chk(e): void { const nativeCb = this.cb.nativeElement as HTMLInputElement; console.log(e, nativeCb.value); nativeCb.value = 'no'; }