javascript - 无法读取未定义的属性 'input'

Question

我有一个获取用户输入的功能。该函数内部是一个回调函数，用于检查用户的输入。调用回调函数时，出现错误，错误错误:无法读取未定义的属性“输入”。
的HTML

<input id="answer" type="number" (input)= "getInput($event, checkAnswer)" >

JS

input = null;
answer = null;


getInput(event, chkAns){

this.input = Number(event.target.value);

chkAns();

console.log("Input :" + " " + this.input);

 }

 checkAnswer(){

  if(this.input === this.answer){
  
    this.multiply();

  } else{

     console.log(this.input + " " + "is incorrect" + " "  + typeof 
     this.answer);
  }
    
}

Answer 1

您可以做以下三件事之一:

使传递的函数(chkAns)具有原子性-也就是说，它不需要特定状态(this.input，this.answer)，并在调用该函数时获取那些参数(因此，您将使用chkAns()

代替 chkAns(this.input, this.answer)

不要从模板传递它，而是在this.CheckAnswer()内调用getInput

在调用chkAns时将this顶点传递给chkAns:chkAns.call(this)-我认为此选项是最不“折衷”的选项

这是 第二个选项的有效 stackblitz