How to call a function($event) manually in Angular 2?

Question

I wrote a function with $event in Angular2 and through click event from template class it's working fine. But I am trying to call that function manually, So for that how to pass a event value through function.

This is my function:

onActionChange($event) {
 // alert($event.target.value);
    const selectedAction = parseInt($event.target.value);
    }

This is how i am trying to call function: onActionChange('7');

Here I am getting error like:

TypeError: Cannot read property 'value' of undefined

Well your function expects an event parameter and you're passing a string to it, so I wonder what could have caused this error message — Phiter, Aug 30 '18 at 14:45
https://stackoverflow.com/questions/37944199/what-exactly-event-object-do-in-angular-2 — Jameel Moideen, Aug 30 '18 at 14:50

score 1 · Accepted Answer · answered Aug 30 '18 at 14:46

Rebuid a similar object:

onActionChange({target: {value: '7'}});

Or split your code with something similar:

onActionChange($event) {
  setAction(parseInt($event.target.value));
}

setAction(value) {
  const selectedAction = value;
}

Then you're free to call

setAction(7)

score 0 · Answer 2 · answered Aug 30 '18 at 15:07

To call it manually with onActionChange(7)

onActionChange($event) {
  const selectedAction = $event.target ? parseInt($event.target.value) : $event
  console.log('selectedAction', selectedAction)
}

This assumes that the value passed when you manually call it is numeric.

How to call a function($event) manually in Angular 2?

2 Answers2