angular - typescript 参数类型不匹配不会抛出错误

Question

我正在尝试熟悉 angular 2+ 中的 typescript ，但我遇到了一些对我来说似乎很奇怪的事情。通过方法从我的模板传递到我的组件的参数与其输入不匹配，但不会引发错误。

checkValue(value:number) {
  console.log(typeof value) // returns type 'string'
}

参数的来源来 self 模板中的这个按钮点击事件:

<input type="number" #numberInput>
<button (click)="checkValue(numberInput.value)">+</button>

我相信输入标签没有对值强制执行类型，而是将其作为字符串发送，但我很好奇为什么编译器没有捕捉到这一点。

Answer 1

这里的关键部分是:

in my template

typescript 编译器类型检查您的 ts 文件并生成 JS。模板是通过angular处理的，angular不检查类型。由于在运行时 ts 变为 javascript，因此可以使用任何参数类型从模板调用该函数。