以下是我使用的简单方法:

const element = event.currentTarget as HTMLInputElement
const value = element.value

TypeScript编译器显示的错误已经消失，代码可以正常工作。

不要使用其他答案的变通方法，包括转换事件、事件目标或完全禁用类型检查。这不安全。

相反，您应该从HTML元素中“提取”值，并将其作为参数传递。

非常简单的例子:

<input #searchBox type="text" (input)="doSearch(searchBox.value)">

doSearch(text: string): void {
}

所以如果你把它扩展到原来的例子，你应该得到这个:

import { Component, EventEmitter, Output } from '@angular/core';

@Component({
  selector: 'text-editor',
  template: `
    <textarea #text (keyup)="emitWordCount(text.value)"></textarea>
  `
})
export class TextEditorComponent {
  @Output() countUpdate = new EventEmitter<number>();

  emitWordCount(text: string) {
    this.countUpdate.emit(
      (text.match(/\S+/g) || []).length);
  }
}

下面是指定event.target的另一种方法:

import { Component, EventEmitter, Output } from '@angular/core'; @Component({ selector: 'text-editor', template: `<textarea (keyup)="emitWordCount($event)"></textarea>` }) export class TextEditorComponent { @Output() countUpdate = new EventEmitter<number>(); emitWordCount({ target = {} as HTMLTextAreaElement }) { // <- right there this.countUpdate.emit( // using it directly without `event` (target.value.match(/\S+/g) || []).length); } }

以下是我使用的简单方法:

const element = event.currentTarget as HTMLInputElement
const value = element.value

TypeScript编译器显示的错误已经消失，代码可以正常工作。

由于我以稍微不同的方式搜索了两个问题，我复制了我的答案，以防你在这里结束。

在被调用的函数中，你可以用以下方法定义你的类型:

emitWordCount(event: { target: HTMLInputElement }) {
  this.countUpdate.emit(event.target.value);
}

这假设您只对目标属性感兴趣，这是最常见的情况。如果你需要访问事件的其他属性，一个更全面的解决方案包括使用&类型交集操作符:

event: Event & { target: HTMLInputElement }

你也可以更具体，而不是使用htmllinputelement，你可以使用例如HTMLTextAreaElement的文本区域。

最好的方法是使用template =>添加id到您的输入，然后使用它的值

<输入类型=“文本”“了解更多”>

searchNotary(value: string) {
 // your logic
}

这样，当严格验证被激活时，你将永远不会出现Typescript错误=>参见angular Docs