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 `` instead — Pieterjan, Jul 16 '22 at 17:22

score 2 · Accepted Answer · answered Jul 16 '22 at 17:25

2

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

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

answered Jul 16 '22 at 17:25

Eugene

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? – XEX Jul 17 '22 at 12:34
1

Like this: `` ` – Eugene Jul 17 '22 at 17:30

1 Answers1