Angular html simple binding

Question

I have used this post to crate binding:

Angular HTML binding

but messed up with an error:

Property 'value' does not exist on type 'EventTarget'.

Wherе might be the point?

html: <input [value]="test" (input)="test = $event.target.value">

"test" is a property of a component.

Question might be stupid, but I have tested different ways to solve the problem and see no way out. Thanks for any help.

Import the FormsModule in the module declaring the component, and try using <input [(ngModel)]="test"> instead — Pieterjan
– Pieterjan, Commented Jul 16, 2022 at 17:22

Eugene · Accepted Answer · 2022-07-16 17:25:36Z

2

<input [value]="test" (input)="onInput($event)">

onInput(event: Event) {
  this.test = ($event.target as HTMLInputElement).value;
}

answered Jul 16, 2022 at 17:25

Eugene

1,5371 gold badge12 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

XEX Over a year ago

Excuse me, but how could I bind two elements this way? I mean, what if I want to hang the function on button element, and get value param of input? <input [value]="test"> <button (click)="onInput()>

Eugene Over a year ago

Like this: <input #someName [value]="test"> <button (click)="onInput(someName.value)">

Collectives™ on Stack Overflow

Angular html simple binding

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related