如何在Angular 2中手动调用函数($ event)?

时间:2018-08-30 14:43:17

标签: angular

我在Angular2中使用$ event编写了一个函数,通过模板类的click事件,它可以正常工作。但是我试图手动调用该函数,因此,该如何通过函数传递事件值。

这是我的职能:

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

这就是我试图调用函数的方式: onActionChange('7');

我在这里遇到类似这样的错误

TypeError: Cannot read property 'value' of undefined

2 个答案:

答案 0 :(得分:1)

重新构建类似的对象:

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

或使用类似的方法拆分代码:

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

setAction(value) {
  const selectedAction = value;
}

然后您可以自由拨打电话

setAction(7)

答案 1 :(得分:0)

要通过onActionChange(7)手动调用

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

这假定您手动调用时传递的值为数字。